jQuery如何实现日历自定义日期不可选
时间: 2023-06-02 12:02:22 浏览: 66
要实现日历自定义日期不可选,可以使用jQuery的datepicker插件。以下是实现步骤:
1. 在HTML中添加一个input元素,用于显示日期选择器。
```
<input type="text" id="datepicker">
```
2. 在JavaScript代码中初始化datepicker插件,并设置不可选日期。
```
$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
// 在这里设置不可选日期
var disabledDates = ["2021-07-10", "2021-07-15", "2021-07-20"];
var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [disabledDates.indexOf(string) == -1]
}
});
});
```
在beforeShowDay回调函数中,可以根据需要设置不可选日期,例如在上面的代码中设置了三个日期不可选。
3. 可以进一步设置datepicker的各种选项,例如日期格式、语言等。
```
$(function() {
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
language: "zh-CN",
beforeShowDay: function(date) {
// 在这里设置不可选日期
var disabledDates = ["2021-07-10", "2021-07-15", "2021-07-20"];
var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [disabledDates.indexOf(string) == -1]
}
});
});
```
在上面的代码中,设置了日期格式为“年-月-日”,语言为中文。