bootstrap-datetimepicker 如何限制结束时间只能选择和开始时间同一个月的
时间: 2023-10-27 12:16:09 浏览: 122
bootstrap-datepicker实现只能选择每一年的某一个月份
你可以使用 `startDate` 和 `endDate` 选项来控制时间选择器的可选范围,从而限制结束时间只能选择和开始时间同一个月的日期。具体来说,你需要在开始时间选取后,动态地设置结束时间的最小值和最大值为同一个月的第一天和最后一天。下面是一个示例代码:
```javascript
// 初始化 datetimepicker
$('#datetimepicker-start').datetimepicker({
format: 'YYYY-MM-DD',
// 当选择开始时间时,动态设置结束时间的可选范围
onSelectDate: function(current_time, $input) {
// 获取当前月份的第一天和最后一天
var firstDay = new Date(current_time.getFullYear(), current_time.getMonth(), 1);
var lastDay = new Date(current_time.getFullYear(), current_time.getMonth() + 1, 0);
// 设置结束时间的最小值和最大值
$('#datetimepicker-end').data('DateTimePicker').minDate(firstDay);
$('#datetimepicker-end').data('DateTimePicker').maxDate(lastDay);
}
});
$('#datetimepicker-end').datetimepicker({
format: 'YYYY-MM-DD'
});
```
在上面的代码中,我们使用 `onSelectDate` 事件监听开始时间的选取,当开始时间选取后,动态设置结束时间的最小值和最大值为同一个月的第一天和最后一天。这样就可以限制结束时间只能选择和开始时间同一个月的日期了。
阅读全文