datapicker禁用多个区间日期
时间: 2024-01-21 15:15:51 浏览: 31
要禁用多个区间日期,可以使用 `beforeShowDay` 方法。该方法允许您自定义日历上每个日期的样式和可用性。以下是一个示例代码,它将禁用2021年2月1日至2月10日和3月1日至3月10日之间的所有日期:
```javascript
$(function() {
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
beforeShowDay: function(date) {
// 禁用2月1日至2月10日和3月1日至3月10日之间的所有日期
var disabledRanges = [
[ new Date(2021, 1, 1), new Date(2021, 1, 10) ],
[ new Date(2021, 2, 1), new Date(2021, 2, 10) ]
];
for (var i = 0; i < disabledRanges.length; i++) {
if (date >= disabledRanges[i][0] && date <= disabledRanges[i][1]) {
return [false];
}
}
return [true];
}
});
});
```
在上面的代码中,我们定义了一个名为 `disabledRanges` 的数组,其中包含所有要禁用的日期范围。在 `beforeShowDay` 方法中,我们遍历该数组,并对于每个日期,检查它是否在任何一个禁用范围内。如果是,则返回 `[false]`,表示该日期不可用。否则,返回 `[true]`,表示该日期可用。
您可以根据需要修改日期范围和禁用日期的逻辑。
相关推荐
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)