javascript - Bulma 日历日期输入不显示预填充的开始日期
问题描述
我正在尝试在我的项目中实施 Bulma 日历,但我很难设置默认开始日期。
我正在按照文档执行以下操作。
<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());
});
}
推荐阅读
- javascript - 文档满足条件时未调用 Firestore onRemove
- r - 如何从 apply() 函数输出中获取行名?
- javascript - Javascript - 如何打破循环动画帧?
- python - 编辑现有 XML 文件并通过 Jboss 发送帖子
- javascript - Next/Apollo:如果在 getInitialProps 中运行了相关查询,如何正确更新 apollo 缓存
- c++ - 相互依赖的类中的 C++ 函数指针
- java - Visual Studio 无法正确运行我的代码
- python - TypeError:处理图像时不能将序列乘以“浮点”类型的非整数
- javascript - 用于提取国家名称的正则表达式
- sql - 如何使用我的数据库中的所有表名创建一个表,并为每个表创建表中的列数