我对 flatpickr 的日历有疑问。它不再显示日历，我不知道为什么...我已经测试了另一篇文章的解决方案:Calendar is not displaying correctly using flatpickr ，但它不起作用。 我可以手动更改日期，但当我单击日期按钮时，不再显示日历。 谢谢你的帮助!!
我的代码:
flatpickr.js
import flatpickr from "flatpickr"
import "flatpickr/dist/flatpickr.min.css"
flatpickr(".datepicker", {
allowInput: true,
dateFormat: "d.m.Y",
mode: "single",
maxDate: "today",
locale: {
firstDayOfWeek: 1,
weekdays: {
shorthand: ["dim", "lun", "mar", "mer", "jeu", "ven", "sam"],
longhand: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"],
},
months: {
shorthand: ["janv","févr", "mars", "avr", "mai", "juin", "juil", "août", "sept", "oct", "nov", "déc",],
longhand: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
},
},
disableMobile: "true",
})
应用程序.html.erb
<title>Collecte des avis clients dans le restaurant, solution digital de rétention et fidélisation clients</title>
<%= csrf_meta_tags %>
<%= action_cable_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= stylesheet_pack_tag 'application', media: 'all' %>
<%= favicon_link_tag asset_path('flavicon.png') %>
<!-- Uncomment if you import CSS in app/javascript/packs/application.js -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" data-turbolinks-eval=false></script>
</head>
<body>
<%= render "/shared/flashes" %>
<%= yield %>
<%= javascript_include_tag 'application' %>
<%= javascript_pack_tag 'application' %>
<script>AOS.init();</script>
应用程序.js:
//= require_tree .
//= require jquery
day.html.erb:
<div>
<%= form_tag day_restaurant_path(@restaurant), method: :get do %>
<%= text_field_tag :date, params[:search_date], class: "datepicker deco-flatpickr", value: @search_date.strftime("%d-%m-%Y") %>
<% end %>
</div>
最佳答案
我们终于找到了为什么 flatpickr 不再工作了:这是因为我们将 webpacker 版本 3.5.5 升级到 4.0.1。当我们降级版本或 webpacker 它再次工作!谢谢你的帮助!!
关于javascript - 日历未使用 flatpickr 显示 -，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55105855/