溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
flatpickr 是一個輕量級、注重精益、由 UX 驅動和可擴展的 JavaScript 日期時間選擇器。
下載 演示 GitHub
flatpickr 不依賴于任何庫。更小的用戶界面，但有很多主題。豐富的 API 和事件系統使其適用于任何環境。可用于 webpack ，也可作為 jQuery 插件使用。
安裝
安裝 flatpickr 模塊
使用 NPM 安裝 flatpickr 模塊。包管理工具： https://www.npmjs.com/package/bower-npm-resolver
# using npm install npm 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 。
// commonjs
const flatpickr = require("flatpickr");
// 如果可用，推薦使用 es 模塊 import flatpickr from "flatpickr";
下面都是創建 flatpickr 實例的有效方法。
// 如果在框架中使用 flatpickr ，則建議直接傳遞該元素
flatpickr(element, {});
// 選擇器也被支持
flatpickr("#myID", {});
// 創建多個實例
flatpickr(".anotherSelector");
配置是可選的，并傳入對象 {} 中。
jQuery
如果你使用 jQuery ，flatpickr 可以作為插件使用。
$(".selector").flatpickr(optional_config);
總結
以上所述是小編給大家介紹的JavaScript 日期時間選擇器一些小結，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
