這次給大家帶來實現JS日期時間選擇器，實現JS日期時間選擇器的注意事項有哪些，下面就是實戰案例，一起來看一下。

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 文件

用法

如果你使用 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);

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

總結

以上是生活随笔為你收集整理的php中日期选择代码,实现JS日期时间选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。