Выделите все даты кроме Bootstrap за исключением определенных дат

Question

Я настраиваю средство выбора даты, но я только хочу, чтобы пользователь мог выбирать даты из предварительно определенного массива дат, который я заполнил.Это даты, когда произошли соответствующие события.В другие даты за пределами массива ничего не происходило.

Ниже приведен пример массива, который у меня был бы.

dateArr = ["2015-10-27", "2015-10-29", "2015-11-10", "2016-11-30", "2016-12-07", "2017-06-29", "2017-06-30", "2017-10-23", "2017-12-13", "2018-03-27", "2018-03-29", "2018-03-30", "2018-03-31", "2018-04-02", "2018-04-07", "2018-04-08", "2018-04-09"]

Я смотрел другие примеры, но, похоже, никто не делает то, чтоЯ пытаюсь сделать.Даты массива будут доступны для выбора, а остальные будут выделены серым цветом.

Answer 1

Попробуйте использовать приведенный ниже код Jquery:

HTML-код:

<div id="datepicker"></div>

Код Jquery:

jQuery(function(){

    var enableDays = ["7-8-2019", "13-8-2019"];

    function enableAllTheseDays(date) {
        var sdate = $.datepicker.formatDate( 'd-m-yy', date)
        console.log(sdate)
        if($.inArray(sdate, enableDays) != -1) {
            return [true];
        }
        return [false];
    }

    $('#datepicker').datepicker({dateFormat: 'dd-mm-yy', beforeShowDay: enableAllTheseDays});
});

Код JFiddle Здесь:

http://jsfiddle.net/qampw1n5/