Javascript Rails 6使用不带webpacker的JS库(flatpicker)
以下表单调用这些元素:Javascript Rails 6使用不带webpacker的JS库(flatpicker),javascript,ruby-on-rails,Javascript,Ruby On Rails,以下表单调用这些元素: <input class="flatpickr flatpickr-input" type="text" placeholder="Select Date.." id="user_date_of_birth" name="user[date_of_birth]"> <%= javascript_pack_tag 'flatpicker.js' %>
<input class="flatpickr flatpickr-input" type="text" placeholder="Select Date.." id="user_date_of_birth" name="user[date_of_birth]">
<%= javascript_pack_tag 'flatpicker.js' %>
<script type="text/javascript">
document.addEventListener("turbolinks:load", () => {
flatpickr('#flatpickr-input'), {
altInput: true,
altFormat: "j F Y",
dateFormat: "Y-m-d"
};
});
</script>
[……]
加载页面或在输入框内单击时,浏览器控制台不会显示任何错误
当然,问题在于javascript不会启动以显示日历。我怀疑它在javascript标记中;调用TurboLink旨在遵守rails使用UTRBoLink的约定
如何纠正这种情况,使其按设计运行
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/***/ "./app/javascript/packs/flatpicker.js":
/*!********************************************!*\
!*** ./app/javascript/packs/flatpicker.js ***!
\********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
/* flatpickr v4.6.6,, @license MIT */