Выделить даты, месяцы и годы из массива в air datePicker

Question

использую air datepicker в своем проекте

Есть массив дат. Нужно, что бы при отрисовке календаря эти даты были активны, а остальные - нет. Я могу выделить даты в календаре, но при отрисовке месяцев и лет соответствующие ячейки остаются пассивными.

html

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css" rel="stylesheet" type="text/css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js"></script>
</head>
<body>
    <input type="text" id="datepicker">
    <script src="main.js"></script>
</body>
</html>

js

    let days   = [ "2022-4-15", "2022-5-3", "2022-4-1",  "2021-2-20"];

$('#datepicker').datepicker({
    onRenderCell: function (date, cellType) {
        new_date = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();

        //все даты пассивны
        let disabled = true;

        //если дата есть в массиве, отрисовать ее активной
        if (cellType == 'day'){
             disabled = days.indexOf(new_date) == -1
        }

        //вызывается, но не отрабатывает
        if (cellType == 'month' && disabled == false){
            disabled = days.indexOf(new_date) == -1
        }
        if (cellType == 'year' && disabled == false){
             disabled = days.indexOf(new_date) == -1
        }

        return {disabled: disabled}
    }
});

Как при наличии даты в массиве отрисовывать месяц и год этой даты?

БЛОГ НА HUSL

Выделить даты, месяцы и годы из массива в air datePicker

Ответы (0 шт):