datetimepicker选择完整时间段代码怎么写
时间: 2023-05-17 07:03:34 浏览: 205
对于datetimepicker选择完整时间段代码的编写,可以参考以下示例代码:
```javascript
$(function(){
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss',
defaultDate: moment().startOf('day'),
sideBySide: true
});
$('#datetimepicker2').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss',
defaultDate: moment().endOf('day'),
sideBySide: true
});
$("#datetimepicker1").on("dp.change", function (e) {
$('#datetimepicker2').data("DateTimePicker").minDate(e.date);
});
$("#datetimepicker2").on("dp.change", function (e) {
$('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
});
});
```
这段代码使用了moment.js和Bootstrap-datetimepicker插件,实现了两个datetimepicker控件,分别用于选择起始时间和结束时间,并且限制了结束时间必须晚于起始时间。其中,format属性指定了日期时间格式,defaultDate属性指定了默认日期时间,sideBySide属性指定了是否同时显示日期和时间选择器。on("dp.change")事件用于监听日期时间选择器的变化,从而动态更新另一个日期时间选择器的可选范围。
阅读全文