Bulma 日历日期输入不显示预填充的开始日期
Bulma calendar date input does not show the pre-populated start date
我正在尝试在我的项目中实施布尔玛日历,但我很难设置默认开始日期。
我正在按照文档执行以下操作。
<input type="date" data-start-date="10/24/2019">
打开日期选择器时日期显示正常:
但是,它没有出现在以以下开头的输入中:
最小样板在这里:
Codepen
这样试试:
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());
});
}
使用“值”属性,例如今天日期 2021 年 2 月 26 日
<input type="date" value="2021-02-26">
我正在尝试在我的项目中实施布尔玛日历,但我很难设置默认开始日期。
我正在按照文档执行以下操作。
<input type="date" data-start-date="10/24/2019">
打开日期选择器时日期显示正常:
但是,它没有出现在以以下开头的输入中:
最小样板在这里: Codepen
这样试试:
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());
});
}
使用“值”属性,例如今天日期 2021 年 2 月 26 日
<input type="date" value="2021-02-26">