Aunque el valor mostrado por el navegador está basado en la configuración local de éste, en realidad el dato que será enviado SIEMPRE estará codificado como AAAA-MM-DD
:
Cabe destacar que el formato de fecha mostrado difiere del value
en sí: el formato de fecha mostrado se escogerá en función de la configuración regional del navegador del usuario, aunque el value
de fecha siempre se formatee como aaaa-mm-dd
.
Es justo el que requiere MySQL para sus campos DATETIME
:
MySQL reconoce valores DATE
en los siguientes formatos:
MySQL reconoce valores DATETIME
y TIMESTAMP
en los siguientes formatos:
Si se introduce un valor AAAA-MM-DD
en un campo de tipo DATETIME
se producirá una conversión de tipo DATE
a DATETIME
, poniendo la hora, minutos y segundos a 0 (AAAA-MM-DD 00:00:00
).
Puedes concatenar ambos valores en PHP para generar una cadena del último tipo:
<?php
$datetime = $_POST['fecha'] . ' ' . $_POST['hora'];
Aunque debes tener en cuenta que esa fecha estará en franja horaria local, por lo que tendrás que tenerlo en cuenta enviando la franja del usuario para almacenar las fechas en la base de datos en UTC siempre que te sea posible.
Aquí tienes un ejemplo práctico mostrando que el formato enviado será el correcto:
function comprueba(form) {
/* Calculamos la fecha en formato UTC. La sustitución
de T por " " no es estrictamente necesaria */
form.datetime.value = new Date(
form.fecha.value + ' ' + form.hora.value
).toISOString().substr(0,19).replace('T', ' ');
console.log('Fecha: ', form.fecha.value);
console.log('Hora: ', form.hora.value);
console.log('Datetime en UTC: ', form.datetime.value);
return false;
}
window.onload = function() {
/* Ponemos la fecha y hora actual */
var fecha = new Date();
document
.querySelector('input[type="date"]')
.value = fecha.toISOString().substr(0,10);
document
.querySelector('input[type="time"]')
.value = fecha.toTimeString().substr(0, 5);
}
<form onsubmit="return comprueba(this)">
<input type="date" name="fecha" />
<input type="time" name="hora" />
<input type="hidden" name="datetime" />
<input type="submit" />
</form>
<input>
de fecha? ¿Usas algún widget como datepicker o similar?