rails 使用 flatpicker的方法

yarn add flatpickr

app\javascript\packs\application.js




// 檔案：app/javascript/utils/datepicker.js
import flatpickr from "flatpickr"
require("flatpickr/dist/flatpickr.css")

document.addEventListener("turbolinks:load", () => {
  flatpickr("[data-behavior='flatpickr']", {
    altInput: true,
    altFormat: "F j, Y",
    dateFormat: "Y-m-d",
  })
})


// 檔案：_form.html.erb

<%= form.text_field :publish_date, data: { behavior: "flatpickr" } %>

// 檔案： application.html.erb

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

yarn add bootstrap jquery popper.js