¿Es posible formatear una fecha con jQuery UI Datepicker como para mostrar horas, minutos y segundos?
Esta es mi maqueta actual:
begin snippet: js hide: false console: true babel: false -->
$(function() {
$('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val();
});
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<title>snippet</title>
</head>
<body>
<input type="text" id="datepicker">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
...fin del fragmento..;
Cuando llamo a .datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' })
el valor devuelto es
201313-07-03 HH:July:ss
Aquí hay un [JSFiddle](
).$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");
Para el selector de tiempo, deberías añadir timepicker a Datepicker, y se formatearía con un comando equivalente.
EDIT
Usa este que extiende jQuery UI Datepicker. Puede recoger tanto la fecha como la hora.
Prueba esto [fiddle][1]
$(function() {
$('#datepicker').datepicker({
dateFormat: 'yy-dd-mm',
onSelect: function(datetext) {
var d = new Date(); // for now
var h = d.getHours();
h = (h < 10) ? ("0" + h) : h ;
var m = d.getMinutes();
m = (m < 10) ? ("0" + m) : m ;
var s = d.getSeconds();
s = (s < 10) ? ("0" + s) : s ;
datetext = datetext + " " + h + ":" + m + ":" + s;
$('#datepicker').val(datetext);
}
});
});
O bien, utilizando el plugin datetimepicker.
Referencia: https://stackoverflow.com/questions/12974697/datetimepicker-am-pm-dropdown/20794434#20794434
Referencia: http://xdsoft.net/jqplugins/datetimepicker/