jQuery UI DatePicker:排除日期和日期

时间:2019-02-23 09:04:20

标签: jquery-ui datepicker

在这里浏览了很多主题并尝试了不同的方法之后,我仍然在禁用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>

1 个答案:

答案 0 :(得分:0)

对不起,我犯了一个“愚蠢”的错误。 我将日期选择器选项称为“ before Day Show”,而不是“ beforeShow Day

现在正在工作