Ввод даты календарного календаря не показывает предварительно заполненную дату начала

Question

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

Я делаю следующее в соответствии с документацией.

<input type="date" data-start-date="10/24/2019">

Дата показываетв порядке, когда открыт инструмент выбора даты:

Однако он не отображается на входе для начала:

Минимальный шаблон здесь: Codepen

Answer 1

Попробуйте, как это:

HTML:

<input type="date" />

JS:

// Initialize all input of type date
var calendars = bulmaCalendar.attach('[type="date"]', {startDate: new Date('10/24/2019')});

// Loop on each calendar initialized
for(var i = 0; i < calendars.length; i++) {
    // Add listener to date:selected event
    calendars[i].on('select', date => {
        console.log(date);
    });
}

// To access to bulmaCalendar instance of an element
var element = document.querySelector('#my-element');
if (element) {
    // bulmaCalendar instance is available as element.bulmaCalendar
    element.bulmaCalendar.on('select', function(datepicker) {
        console.log(datepicker.data.value());
    });
}