是一個輕量級、注重精益、由 ux 驅動和可擴展的 日期時間選擇器。
下載 演示
不依賴于任何庫。更小的用戶界面,但有很多主題。豐富的 api 和事件系統使其適用于任何環境。可用于 ,也可作為 插件使用。
安裝
安裝 模塊
使用 npm 安裝 模塊。包管理工具:
# using npm install npm i flatpickr --save
非模塊環境
直接引入 文件
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
用法
如果你使用 ,你需要導入 。
// commonjsconst flatpickr = require("flatpickr");
// 如果可用,推薦使用 es 模塊 import flatpickr from "flatpickr";
下面都是創建 實例的有效方法。
// 如果在框架中使用 flatpickr ,則建議直接傳遞該元素 flatpickr(element, {}); // 選擇器也被支持 flatpickr("#myid", {}); // 創建多個實例 flatpickr(".anotherselector");
配置是可選的,并傳入對象 {} 中。
如果你使用js日歷選擇器的實現js日歷選擇器的實現, 可以作為插件使用。
$(".selector").flatpickr(optional_config);
總結
以上所述是小編給大家介紹的 日期時間選擇器一些小結,希望對大家有所幫助