1

Quiero validar, que al momento de introducir una fecha no se mayor a la fecha actual, ejemplo, hoy sea 1 de diciembre de 2018, que no permita escoger una fecha mayor a 1 de diciembre de 2018.

<legend class="mt-3 pt-3">Observaciones</legend>
<div class="form-group col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> 
  <label for="title" id="title">Fecha de inspección(<span style="color:red;">*</span>)</label> 
  <input type="date" class="form-control date required" name="fechaInspeccion" id="fechaInspeccion" title="Fecha de inspección">
  <small id="emisionHelp" class="form-text text-muted"> Ejemplo: 01/01/2001</small>
</div>
5
  • <legend class="mt-3 pt-3">Observaciones</legend> <div class="form-group col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> <label for="title" id="title">Fecha de inspección(<span style="color: red;">*</span>)</label> <input type="date" class="form-control date required" name="fechaInspeccion" id="fechaInspeccion" title="Fecha de inspección"> <small id="emisionHelp" class="form-text text-muted"> Ejemplo: 01/01/2001</small> </div> el 26 sep. 2018 a las 13:57
  • eso que pones en el comentario que es?
    – user75901
    el 26 sep. 2018 a las 13:57
  • el campo que quiero validar que no se se escoga una fecha mayor a la actual el 26 sep. 2018 a las 13:58
  • entonces dale clic en editar a tu pregunta, pega ese código ahi, seleccionalo y dale clic al ícono {}
    – user75901
    el 26 sep. 2018 a las 13:59
  • gracias, primera vez que manejo esto por aqui. el 26 sep. 2018 a las 14:01

2 respuestas 2

1

Podrías setear el atributo max para poder deshabilitar los días posteriores. Ahora bien, si el usuario intenta escribir una fecha mediante el teclado, la opción sería manejar esa validación a través del evento onblur

var myDate = $('#fechaInspeccion');
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
if(dd < 10)
  dd = '0' + dd;

if(mm < 10)
  mm = '0' + mm;

today = yyyy + '-' + mm + '-' + dd;
myDate.attr("max", today);

function myFunction(){
  var date = myDate.val();
  if(Date.parse(date)){
    if(date > today){
      alert('La fecha no puede ser mayor a la actual');
      myDate.val("");
    }
  }
}
<legend class="mt-3 pt-3">Observaciones</legend>
<div class="form-group col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4"> 
  <label for="title" id="title">Fecha de inspección(<span style="color:red;">*</span>)</label> 
  <input type="date" class="form-control date required" name="fechaInspeccion" id="fechaInspeccion" title="Fecha de inspección" onblur="myFunction()">
  <small id="emisionHelp" class="form-text text-muted"> Ejemplo: 01/01/2001</small>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

PD: No especificas si estas utilizando JQuery, pero este ejemplo necesita esa librería.

Nos comentas =)

1
  • Si estoy utilizando JQuery amigo, muchas gracias, me sirvió su ayuda :D el 27 sep. 2018 a las 14:29
0

Lo que haría yo: calculo el valor en milisegundos de la nueva data insertada por el usuario y la comparo con el valor en milisegundos de ahora: if(ahora - d >= 0){console.log("OK")}else{console.log("NOT OK")}

fechaInspeccion.addEventListener("change",()=>{
  let d = fechaInspeccion.valueAsDate.getTime();
  let ahora = new Date().getTime()
  if(ahora - d >= 0){console.log("OK")}else{console.log("NOT OK")}
})
<legend class="mt-3 pt-3">Observaciones</legend>
<div class="form-group col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4">
  <label for="title" id="title">Fecha de inspección(<span style="color: red;">*</span>)</label>
  <input type="date" class="form-control date required" name="fechaInspeccion" id="fechaInspeccion" title="Fecha de inspección"> <small id="emisionHelp" class="form-text text-muted"> Ejemplo: 01/01/2001</small>
</div>

1
  • Gracias por su ayuda amigo. el 27 sep. 2018 a las 14:29

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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