首页 > 解决方案 > 布尔玛扩展不再起作用

问题描述

第一篇文章,我希望它是一个真正令人尴尬的。在这一点上,我只是在加剧隧道视野,我确信我正在研究最基本的问题。

所以,我正在使用布尔玛日历扩展。我刚刚下载了文件并将 min.css、min.js 和启动脚本放入我的文件夹并将其链接到我的页面。工作完美。看起来很棒。现在,第二天它根本不会启动或工作。我已经将页面撕到最低限度,但仍然无法弄清楚问题所在。我什至重新下载并替换了文件。

// Initialize all input of date type.
const calendars = bulmaCalendar.attach('[type="date"]', options);

// Loop on each calendar initialized
calendars.forEach(calendar => {
  // Add listener to select event
  calendar.on('select', date => {
    console.log(date);
  });
});

// To access to bulmaCalendar instance of an element
const element = document.querySelector('#my-element');
if (element) {
  // bulmaCalendar instance is available as element.bulmaCalendar
  element.bulmaCalendar.on('select', datepicker => {
    console.log(datepicker.data.value());
  });
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-calendar@6.1.14/dist/css/bulma-calendar.min.css">

<div class="field">
  <input class="" type="date">
</div>

<script src="https://cdn.jsdelivr.net/npm/bulma-calendar@6.1.14/dist/js/bulma-calendar.min.js"></script>

标签: javascripthtmlbulma

解决方案


推荐阅读