javascript - type - Especificando el valor de salida de un tipo de entrada HTML5=fecha?

insertar fecha en formulario html

Question

Me gustaría agregar selectores de fecha nativos a mi aplicación, que actualmente utiliza un sistema heredado, rodado en casa. El soporte de entrada de fecha aún no está muy extendido, pero si pudiera presentar ambas implementaciones según la compatibilidad, sería ideal.

¿Hay alguna manera de especificar el resultado del valor dado por un datepicker HTML? El valor predeterminado para opera es yyyy-mm-dd , y necesito muy explícitamente dd-MMM-yyyy .

¿Hay alguna forma de controlar esta salida, actualmente?

Answer 1

El campo de entrada de fecha HTML5 es específico sobre el formato que utiliza: RFC 3339 full-date

¿Es posible cambiar el selector de fecha heredado para usar el formato aaaa-mm-dd (y actualizar el lado del servidor que lee eso)?

Supongo que no, entonces puede agregar un código de pegamento de Javascript que escucha un evento de cambio en la entrada HTML5 y actualiza un campo de valor de fecha oculto para que coincida con el formato del selector de fecha heredado (convierte yyyy-mm-dd a dd-MMM) -yyyy).

Answer 2

El formato del campo de fecha HTML es estándar. Si bien no es posible cambiar esto, puede convertir fácilmente un objeto de fecha al formato que está buscando, dado que su usuario tiene habilitado JavaScript.

// Converts any valid Date string or Date object into the format dd-MMM-yyyy
function dateTransform(d) {
    var s = (new Date(d)).toString().split('' '');
    return [s[2],s[1],s[3]].join(''-'');
}

De lo contrario, deberá enviarlo en formato ISO e implementar una solución del lado del servidor. Tal vez con el tiempo, esto podría llevar a un mayor uso del formato de fecha estándar en cada localidad.

Answer 3

En Google Chrome, esto ha cambiado recientemente. Los valores mostrados al usuario ahora se basan en la configuración regional del sistema operativo. Sin embargo, la lectura, de modo que input.value , siempre regresa como yyyy-mm-dd independientemente del formato de presentación.

De manera más útil en mi opinión.

Fuente:

http://updates.html5rocks.com/2012/08/Quick-FAQs-on-input-type-date-in-Google-Chrome