專案上用的日曆控制元件，要準確到時，分，秒，小時按24小時記時
首先要加入css
<style type='text/css'>
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
</style>


給下面4個文字框初始化
   $(function(){
$("#orderStartTime,#orderEndTime,#preSaleStartTime,#preSaleEndTime").datetimepicker({
dateFormat:'yy-mm-dd',
showSecond: true, //顯示秒
timeFormat: 'HH:mm:ss',//格式化時間
stepHour: 1,//設定步長
stepMinute: 1,
stepSecond: 1
});
   });
這裡說下這個
timeFormat屬性，當時測試的時候發現這個日曆控制元件在顯示小時的時候，下午1點總是顯示成01，沒有顯示成13點，查了好多資料，都沒搞定
最後發麵之間的格式是"hh:mm:ss“  換成"HH:mm:ss"就正常了。。折騰了半天，看來平時細心不夠啊。。。