Question

我对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",
})

application.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>

application.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>

Answer 1

我们终于找到了flatpickr为什么不再工作的原因：因为我们将webpacker版本3.5.5升级到了4.0.1。当我们降级版本或Webpacker时，它又可以工作了！谢谢您的帮助！

日历未使用flatpickr显示-

1 个答案: