jqueryのdatepickerで特定の日付を選択できないようにしたい。

Question

jqueryのdatepickerで特定の日付を選択できないようにしたい。

jqueryのdatepickerで特定の日付を選択できないようにしたいのですが、
曜日を選択できないようにするのは出来たのですが、日付を選択できないようにするのが出来ないです

該当のソースコード

<input type="text" class="datepicker" >

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<script>
$(function() {
    
    var disableDates = [
        "2020/12/29"
       ];

    $(".datepicker").datepicker({
            beforeShowDay: function(date) {

            // 水曜日を選択できないようにする
            if (date.getDay() == 3) {
                return [false, ''];
            }
            // 特定日を選択できないようにする
            var disableDate = $.datepicker.formatDate('yy/mm/dd', date);
            if (disableDates.indexOf(disableDate) == 1) {
                return [false, ''];
            }
            // それ以外
            return [true, ''];
        },
    })

});
</script>

上記コードで水曜日は選択できなくなるのですが、12/29が選択できてしまいます。
どこを修正すればいいのかご教授お願いします。

Answer 1

indexOf の戻り値は要素の添字、つまり 0 から始まります。
見つからなかったら -1 です。なので == 1 を !== -1 にします。

indexOf()の代わりにincludes()も使えます。
こちらの戻り値は true / false です。

Array.prototype.indexOf()

https://jsfiddle.net/5ztu9vcr/

追記

ごめんなさい！includes は IE が対応していないみたいです。
ご注意くださいませ。

ブラウザーの互換性

Comments

[donkuri]

ありがとうございます。

[donkuri]

if (disableDates.includes(disableDate)){...
でも出来ました！
ありがとうございます