jQueryUI DatePicker 添加時分秒，jqueryuidatepicker

jQueryUI DatePicker 添加時分秒，jqueryuidatepicker

jquery.ui 的 datepicker 預設是年月日的jquery 外掛程式，如果添加時分秒 只需要做如下修改即可

1. 下載jquery-ui-timepicker-addon.js ，並在頁面載入

2. 頁面添加如下 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; }

3. js 中 設定某input 的時間格式

複製代碼 代碼如下:<input type="text" id="datetime" name="datetime" value="" />
datetimepicker：jquery.ui.datepicker <wbr>添加時分秒
$("#datetime").datetimepicker(); // 日期+時分秒 
$("#datetime").datepicker(); // 日期 
$("#datetime").timepicker(); // 時分秒

以上就是jQueryUI DatePicker 添加時分秒的方法，希望能給大家一個參考，也希望大家多多支援幫客之家。