0

Hola a todos tengo el siguiente inconveniente tengo dos controles datepicker para establecer fechas desde - hasta, pero no quiero que supere los 6 meses entre ellos enviando un mensaje al usuario que el limite máximo es de 6 meses ....he visto soluciones en javascript pero no me funcionan. Desde ya gracias

<div class="col-md-6">
            <div class="form horizontal">
              <label class="control-label">Fecha desde:</label>
              <input name= "Fechadesde" id="Fechadesde" type="date" class="form-control"  placeholder="dd/mm/yyyy"  title="Por favor ingrese fecha desde" autofocus required>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form horizontal">
              <label class="control-label">Fecha hasta:</label>
              <input name= "Fechahasta" id="Fechahasta" type="date"  class="form-control" placeholder="dd/mm/yyyy" title="Por favor ingrese fecha desde" autofocus required >
            </div>                                            
          </div>
2

1 respuesta 1

0

yo lo intente calculando la cantidad de días espero te funcione

function calcularDiasAusencia(fechaIni, fechaFin) {
  var diaEnMils = 1000 * 60 * 60 * 24,
      desde = new Date(fechaIni.substr(0, 10)),
      hasta = new Date(fechaFin.substr(0, 10)),
      diff = hasta.getTime() - desde.getTime() + diaEnMils;// +1 incluir el dia de ini
      return diff / diaEnMils;
}

function validar() {
 var dias= calcularDiasAusencia(
    document.getElementById('Fechadesde').value,
    document.getElementById('Fechahasta').value
  );

  if(dias>=182){//dias aprox en 6 meses
    // lo que necesites hacer 
    console.log("exediste los dias")
    
  }
};
<div class="col-md-6">
            <div class="form horizontal">
              <label class="control-label">Fecha desde:</label>
              <input name= "Fechadesde" id="Fechadesde" type="date" class="form-control"  placeholder="dd/mm/yyyy"  title="Por favor ingrese fecha desde" autofocus required onchange="validar()">
            </div>
          </div>

          <div class="col-md-6">
            <div class="form horizontal">
              <label class="control-label">Fecha hasta:</label>
              <input name= "Fechahasta" id="Fechahasta" type="date"  class="form-control" placeholder="dd/mm/yyyy" title="Por favor ingrese fecha desde" autofocus required onchange="validar()">
            </div>                                            
          </div>

2
  • Excelente ....muchas gracias
    – Julio
    Commented el 19 sept. 2022 a las 13:49
  • como soluciona el problema? no veo una explicacion de que cambios hiciste o que implementaste o que documentacion utilizaste de referencia...
    – user46896
    Commented el 19 sept. 2022 a las 16:34

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.