Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

308
Vistas
Cómo permitir el selector de fecha de arranque, rango entre la fecha actual y los próximos 3 meses solo en Jquery

Estoy tratando de permitir la fecha solo desde la fecha actual hasta los próximos 3 meses en el selector de fechas de arranque, pero no puedo encontrar la solución. Cualquiera puede ayudarme.

Tengo dos selectores de fecha, como la fecha de inicio y la fecha de finalización, pero la fecha debería poder seleccionar solo la fecha actual y debe permitir solo 3 meses a partir de la fecha actual. por favor muéstrame un ejemplo en Jsfiddle.

 $("#startdate").datepicker({ isDisabled: function(date) { var d = new Date(); return date.valueOf() < d.setMonth(d.getMonth()+3) ? false : true; }, autoClose: true, viewStart: 0, weekStart: 1, maxDate: 0, dateFormat: "dd/mm/yyyy" })
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="form-group "> <label for="" class="required">Start Date</label> <div class="input-group date" data-provide="datepicker"> <input style="width:250px;" type="text" placeholder="select task start date" id="stdate" class="form-control"> <div class="input-group-addon"> <span class="glyphicon glyphicon-th"></span> </div> </div> </div> </div> <div class="col-md-3"> <div class="form-group"> <label for="" class="required">End Date</label> <div class="input-group date" data-provide="datepicker"> <input style="width:250px;" type="text" placeholder="select task cutoff date" id="enddate" class="form-control"> <div class="input-group-addon"> <span class="glyphicon glyphicon-th"></span> </div> </div> </div> </div> </div> </div>

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda