如何在使用jQuery UI Datepicker时使用小时,分钟和秒来格式化date?

是否有可能使用jQuery UI Datepicker格式化date以显示小时,分钟和秒钟?

这是我目前的模型:

$(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> 

当我调用.datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' })返回的值是:

2013年7月7日HH:7月:

这是一个JSFiddle 。

 $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd "); 

对于时间select器,您应该将Datepicker添加到Datepicker,并且它将被格式化为一个等效的命令。

编辑

使用这个扩展jQuery UI Datepicker的。 你可以拿起date和时间。

http://trentrichardson.com/examples/timepicker/

试试这个小提琴

 $(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); } }); }); 

结合使用jQuery UI与来自http://trentrichardson.com/examples/timepicker/的优秀datetimepicker插件;

你可以指定dateFormattimeFormat

 $('#datepicker').datetimepicker({ dateFormat: "yy-mm-dd", timeFormat: "hh:mm:ss" }); 

或者,使用datetimepicker插件。

参考: DateTimePicker AM / PM下拉菜单

参考: http : //xdsoft.net/jqplugins/datetimepicker/