Bulma 日历日期输入不显示预先填充的开始日期

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());

    });

}

Answer 2

使用“值”属性，例如今天的日期 2021 年 2 月 26 日

<input type="date" value="2021-02-26">