Как добавить дату события в Date Picker Materialise? - PullRequest
Новая
       31

Как добавить дату события в Date Picker Materialise?

0 голосов
/ 04 декабря 2018

Я пытаюсь добавить дату события в календарь средства выбора дня, используя метод, предложенный Materialize, но он не работает для меня, или, возможно, я делаю что-то не так.

МатериализацияВыбор даты 

var elems = document.querySelector('.datepicker')
var instances = M.Datepicker.init(elems, {
      events: [new Date('2018,12,12').toLocaleDateString()]
    }

РЕДАКТИРОВАТЬ-

Решение моей проблемы -

Нижеэто код моего окончательного рабочего результата, кстати, я использовал этот формат даты ('2018,12,12'), потому что мне легче понять, что 12 равно декабрь вместо 11 в этом формате даты (2018,11,25).

Я также добавил другие параметры, которые работают отлично.

Я ценю вашу помощь, спасибо Герма В. 

document.addEventListener('DOMContentLoaded', function() {

    let eventsDates = [
        new Date('2018,12,1').toDateString(),
        new Date('2018,12,2').toDateString()
    ];
    let disableListDate = [
        new Date('2018,12,3').toDateString(),
        new Date('2018,12,4').toDateString()
    ];

    let optionsDate = {
        defaultDate: defaultDate,
        setDefaultDate: true,
        firstDay: 1,
        events: eventsDates,
        disableWeekends: false,
        autoClose: false,
        showDaysInNextAndPreviousMonths: false,
        showClearBtn: true,
        i18n:{
            months: 
            ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agost', 'Sept', 'Oct', 'Noviem..', 'Diciemb..'],
            monthsShort: ['Ene', 'Feb', 'Mar', 'Abril', 'Mayo', 'Jun', 'Jul', 'Agos', 'Sep', 'Oct', 'Nov', 'Dic'],
            weekdays: ['Dom','Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab']
        },
        format: 'dd-mmm-yyyy',
        onSelect() {
            if (optionsDate.events.includes(this.date.toDateString())) {
                alert('Event Date');
            }
        },

        disableDayFn(date) {
            if(disableListDate.includes(date.toDateString()))
                return true
            else
                return false
        },

        parse(){

        }
    }

    let elems = document.querySelector('.datepicker');
    let instances = M.Datepicker.init(elems, optionsDate);
});

1 Ответ

0 голосов
/ 05 декабря 2018

Это не то, как вы устанавливаете дату в Date(), если вы хотите узнать, как установить дату в функции Datepicker, вы можете проверить этот ответ -> Как установить дату в Materialise Datepicker 

var optionsDate = {
    events: [new Date(2018, 11, 20).toDateString(),
    new Date(2018, 11, 21).toDateString()],
    onSelect() {
        if (optionsDate.events.includes(this.date.toDateString())) {
            console.log('Event Date');
        }
    }
}
var elemsDate = document.querySelector(".datepicker");
var instanceDate = M.Datepicker.init(elemsDate, optionsDate);
...