Отключение определенных дат в jQuery datepicker не работает идеально

Question

Я хочу отключить некоторые даты массива в календаре datepicker. Но эти даты не отключаются в каландре. Я включил все файлы 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="">