James's Privacy Corner

日期模組真的是很好用的一個工具，不過有時候只有日期是不夠用的，

還需要加上時間的時候怎麼辦呢？

這個時候就可以利用日期模組的加強套件來補強這個功能，

Adding a Timepicker to jQuery UI Datepicker

用法也非常簡單，只要下載相關的 JS 檔案，並將底下的 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; }

和原本的差異點在將 datepicker 變更為 datetimepicker

jQuery(function($){  

$('#date1').datepicker({dateFormat: 'yy/mm/dd',changeMonth: true});

});

jQuery(function($){  

$('#date1').datetimepicker({dateFormat: 'yy/mm/dd',changeMonth: true});

});

更多的用法可以參照官方網站