flatpickr 是一個輕量級、注重精益、由 UX 驅動和可擴展的 JavaScript 日期時間選擇器。
flatpickr 不依賴于任何庫。更小的用戶界面，但有很多主題。豐富的 API 和事件系統使其適用于任何環境。可用于 webpack ，也可作為 jQuery 插件使用。
安裝
安裝 flatpickr 模塊
使用 NPM 安裝 flatpickr 模塊。包管理工具： https://www.npmjs.com/package/bower-npm-resolver
# using npm installnpm i flatpickr --save
非模塊環境
直接引入 flatpickr 文件
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
用法
如果你使用 webpack，你需要導入 flatpickr 。
// commonjsconst flatpickr = require("flatpickr");// 如果可用，推薦使用 es 模塊import flatpickr from "flatpickr";
下面都是創建 flatpickr 實例的有效方法。
// 如果在框架中使用 flatpickr ，則建議直接傳遞該元素flatpickr(element, {});// 選擇器也被支持flatpickr("#myID", {});// 創建多個實例flatpickr(".anotherSelector");配置是可選的，并傳入對象 {} 中。
jQuery
如果你使用 jQuery ，flatpickr 可以作為插件使用。
$(".selector").flatpickr(optional_config);總結
以上所述是小編給大家介紹的JavaScript 日期時間選擇器一些小結，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！
新聞熱點
疑難解答
