在 jQuery datepicker 中禁用特定日期不能完美地工作

Question

我想禁用日期选择器日历中的一些日期数组。但是这些日期不会在日历中禁用。我已经包含了日历所需的所有 jQuery 文件。

脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

html

 <input class="form-control time_slot_searchField" id="datepicker" name="" type="text"  required="" style="">

禁用日期数组的脚本

$('#datepicker').datepicker({
                  beforeShowDay: function(date) {
                    var day = jQuery.datepicker.formatDate('dd-mm-yy', date);
                    return [!~$.inArray(day, exclude) && (date.getDay() != 0)];
                  }
                });

问题出在哪里。有什么冲突吗？

有人帮忙吗？提前致谢

Answer 1

你的代码在return [!~$.inArray(day, exclude) && (date.getDay() != 0)];有错误

将您的代码更改为

 var day = jQuery.datepicker.formatDate('yy-mm-dd', date);
 return [ exclude.indexOf(day) == -1 ]

var exclude = ["2019-06-06","2019-06-25","2019-06-28"]

$('input').datepicker({
    beforeShowDay: function(date){
        var day = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [ exclude.indexOf(day) == -1 ]
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

 <input class="form-control time_slot_searchField" id="datepicker" name="" type="text"  required="" style="">