## 日期選擇 參考文檔: [https://xdsoft.net/jqplugins/datetimepicker/](https://xdsoft.net/jqplugins/datetimepicker/) [TOC] ## 選擇日期  ``` <input id="datetimepicker" class="form-control"> <script> require(['hdjs'], function (hdjs) { hdjs.datetimepicker('#datetimepicker', { timepicker: false, format: 'Y-m-d', onChangeDateTime: function (dp, $input) { console.log($input.val()) } }); }) </script> ``` ## 日期與時間  ``` <input id="datetimepicker" class="form-control"> <script> require(['hdjs'], function (hdjs) { hdjs.datetimepicker('#datetimepicker',{ format:'Y-m-d H:i:s', step:5, onChangeDateTime:function(dp,$input){ console.log($input.val()) } }); }) </script> ``` ## 區間時間  ``` Start <input id="date_timepicker_start" value=""> End <input id="date_timepicker_end" value=""> <script> require(['hdjs'], function (hdjs) { hdjs.datetimepicker('#date_timepicker_start',{ format:'Y/m/d', onShow:function( ct ){ this.setOptions({ maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false }) }, timepicker:false }); hdjs.datetimepicker('#date_timepicker_end',{ format:'Y/m/d', onShow:function( ct ){ this.setOptions({ minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false }) }, timepicker:false }); }) </script> ``` ## 時間選擇  ``` 時間<input id="datetimepicker" class="form-control""> <script> require(['hdjs'], function (hdjs) { hdjs.datetimepicker('#datetimepicker',{ datepicker: false, format: 'h:i' }); }) </script> ```