2

¿Cómo puedo bloquear las anteriores con el min pero que la fecha sea la del día de hoy y no un valor puesto a mano?

<label for="start">Dia y horario de consulta:</label><br>
<input type="Datetime-local" min="2020-05-26T14:00" name="start" id="start" />

1 respuesta 1

0

Usando Javascript podrías:

  • Crear un objeto Date.
  • Obtener la fecha en foramto ISO (.toISOString())
  • Y establecer esta cadena como valor de la propiedad min del input

Ejemplo:

let start = document.getElementById('start');
start.min = (new Date()).toISOString().substr(0, 19);
<label for="start">Dia y horario de consulta:</label><br>
<input type="Datetime-local" name="start" id="start" />


Usando PHP podrias:

  • Imprimir la fecha usando date y el formato c (Fecha ISO 8601)

Ejemplo:

<label for="start">Dia y horario de consulta:</label><br>
<input type="Datetime-local" min="<?php echo substr(date('c'), 0, 19) ?>" name="start" id="start" />
4
  • El problema de esta solución es que se ajustará a la zona horaria GMT y no a la correspondiente del cliente. De todos modos asignarle el valor correcto a start.min es la solución (o insertarla con PHP también)
    – Japsz
    Commented el 26 may. 2020 a las 20:22
  • @Japsz, en realidad depende de la implementación que se le quiera dar, ya que si usa la opción JS la fecha obtenida estará basada en la configuración del cliente, en cambio usando la opción PHP la fecha obtenida estará basada en la configuración del servidor.
    – Marcos
    Commented el 26 may. 2020 a las 20:24
  • creo estar seguro que el método .toISOString() siempre retorna la hora sin retraso con respecto a UTC (+00:00), independiente de la zona horaria del cliente. En PHP no estoy seguro pues no tengo tantas horas en tal lenguaje. La solución es la correcta de todos modos! sólo hay que tener ojo en el valor a ponerle
    – Japsz
    Commented el 26 may. 2020 a las 20:33
  • Muchas gracias, ambas soluciones me sirvieron pero por alguna razón al seleccionar la fecha en el input no se guardan los cambios, y al mandar los datos detecta que el input está vacío, qué puede ser?
    – Dona
    Commented el 26 may. 2020 a las 20:37

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.