## 日期选择 参考文档: [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> ``` ## 列表框选择日期  ``` <select name="birthyear"></select> <select name="birthmonth"></select> <select name="birthday"></select> <script> require(['hdjs'], function (hdjs) { hdjs.dateselect({ year: document.querySelector('[name="birthyear"]'), month: document.querySelector('[name="birthmonth"]'), day: document.querySelector('[name="birthday"]'), }, { year: "{{$user['birthyear']}}", month: "{{$user['birthmonth']}}", day: "{{$user['birthday']}}" }); }) </script> ``` > 具体使用请 [参考文档](https://xdsoft.net/jqplugins/datetimepicker/)