在浏览了很多主题并尝试不同的方法后,我仍然遇到在jQuery UI DatePicker中禁用日期和日期的问题。
我尝试创建2个数组,我在beforeDayShow选项中检查,但是我尝试过,没有一天在日历中返回不可用。
我究竟做错了什么?
$(document).ready(function(){
//Disable Arrays
var disableDays = [0,1,6], //su, mo, sa
disableDates = ["22-02-2019", "24-02-2019"] //dd-mm-yy
//Create DatePicker
$("#datepicker").datepicker({
beforeDayShow: function(date){
var day = date.getDay(),
dmy = $.datepicker.formatDate('dd-mm-yy', date);
//Disable day
if (disableDays.indexOf(day) != -1){
return [false];
//Disable date
} else if (disableDates.indexOf(dmy) != -1){
return [false];
//Enable date
} else {
return [true];
}
}
})
})
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
</head>
<body>
<div id="datepicker"></div>
</body>
</html>
对不起,我犯了一个“愚蠢”的错误。我调用了datepicker选项“beforeDayShow”而不是“beforeShowDay”
它现在正在运作