Una de las cosas bonitas del HTML5 son los nuevos elementos de formularios.
Haciendo pruebas con los nuevos elementos vi que el elemento de tipo number en Safari no responden a los eventos cuando haces click en los controles (las flechecitas de arriba y abajo), solo cambia el valor, pero no se disparan los eventos atachados via JavaScript.
La solución más facil es usar el evento click.
Esta noche estaba probando el datepicker, el calendario de jQuery, que se incluye en su UI. Como suele suceder la documentación, esta aveces es un poco pobre y los ejemplos que se muestran no siempre funciona bien, ya sea porque están mal o no están actualizados y si ha eso le sumamos el cansancio y las horas frente al ordenador es probable que no nos enteremos de como funciona.
Según la documentación que encontramos en la web de jQuery UI para establecer el formato de fecha en el datepicker usaríamos el siguiente código:
$(function() {
$("#datepicker").datepicker();
$("#format").change(function() { $('#datepicker').datepicker('option', {dateFormat: $(this).val()}); });
});
Ok, el formato de la fecha se establece mediante un combo, por lo que tan solo deberíamos usar la parte del option y remplazar $(this).val() por el valor que nos interesa, por lo que nuestro código quedaría algo así:
$(function() {
$("#datepicker").datepicker();
$('#datepicker').datepicker('option', {dateFormat: 'dd/mm/yy'});
});
La cosa es que no funciona si no usamos un combo. Has de recordar que en los parámetros los has de cargar al llamar el datepicker así:
$("#startDate").datepicker({dateFormat: 'dd/mm/yy'});
De esta forma no tendrás problema en formatear el código, así que si esto te resulta útil ya sabes, descansa un poco, porque si no lo has visto antes y te has lanzado a google a buscar la solución es que llevas demasiadas horas frente a la máquina.
Buenas noches… oh.. ¿buenos días ya?
