JavaScript 日期時間選擇器一些小結(jié)
更新時間：2018年04月02日 10:00:04 投稿：mrr
flatpickr 是一個輕量級、注重精益、由 UX 驅(qū)動和可擴展的 JavaScript 日期時間選擇器。這篇文章主要介紹了JavaScript 日期時間選擇器,需要的朋友可以參考下
flatpickr 是一個輕量級、注重精益、由 UX 驅(qū)動和可擴展的 JavaScript 日期時間選擇器。
flatpickr 不依賴于任何庫。更小的用戶界面，但有很多主題。豐富的 API 和事件系統(tǒng)使其適用于任何環(huán)境?？捎糜?webpack ，也可作為 jQuery 插件使用。
安裝
安裝 flatpickr 模塊
使用 NPM 安裝 flatpickr 模塊。包管理工具： https://www.npmjs.com/package/bower-npm-resolver
# using npm install npm i flatpickr --save
非模塊環(huán)境
直接引入 flatpickr 文件
<link rel="stylesheet" > <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
用法
如果你使用 webpack，你需要導(dǎo)入 flatpickr 。
// commonjs
const flatpickr = require("flatpickr");
// 如果可用，推薦使用 es 模塊 import flatpickr from "flatpickr";
下面都是創(chuàng)建 flatpickr 實例的有效方法。
// 如果在框架中使用 flatpickr ，則建議直接傳遞該元素
flatpickr(element, {});
// 選擇器也被支持
flatpickr("#myID", {});
// 創(chuàng)建多個實例
flatpickr(".anotherSelector");
配置是可選的，并傳入對象 {} 中。
jQuery
如果你使用 jQuery ，flatpickr 可以作為插件使用。
$(".selector").flatpickr(optional_config);
總結(jié)
以上所述是小編給大家介紹的JavaScript 日期時間選擇器一些小結(jié)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了JS彈性運動實現(xiàn)方法,結(jié)合實例形式分析了JS實現(xiàn)彈性運動的原理、相關(guān)技術(shù)細節(jié)與實現(xiàn)技巧,需要的朋友可以參考下2016-12-12
JS 實現(xiàn)點擊a標(biāo)簽的時候讓其背景更換
點擊a標(biāo)簽的時候給其換背景的方法有很多，在本文將為大家介紹下js是如何實現(xiàn)的，感興趣的朋友不要錯過2013-10-10
基于 Bootstrap Datetimepicker 聯(lián)動
這篇文章主要介紹了基于bootstrap datetimepicker 聯(lián)動效果,需要的朋友可以參考下2017-08-08
在開發(fā)中可能有遇到過屏幕錄制的需求,無論是教學(xué)、演示還是游戲錄制,都需要通過屏幕錄制來記錄和分享內(nèi)容,MediaRecorder?是一種強大的技術(shù),可以在瀏覽器端實現(xiàn)屏幕錄制功能,本文將介紹如何使用JS?MediaRecorder?實現(xiàn)屏幕錄制,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了微信小程序uploadFile接口實現(xiàn)文件上傳流程，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了js計算文本框輸入的字符數(shù)，具有一定的參考價值，感興趣的朋友可以參考一下2015-10-10
典型的面向?qū)ο缶幊陶Z言(比如C++和 Java),都有“類”(class)這個概念。所謂“類”就是對象的模板,對象就是“類”的實例,下面這篇文章主要給大家介紹了關(guān)于JavaScript中實例對象和new命令的相關(guān)資料,需要的朋友可以參考下2022-12-12
JavaScript 的管道是一個運算符，寫作|>，它的左邊是一個表達式，右邊是一個函數(shù)，這篇文章主要介紹了ES6中的管道運算符，需要的朋友可以參考下2023-05-05
這篇文章主要介紹了JavaScript組合拼接字符串的效率對比測試,本文測試了IE6、Firefox、Mozilla、Netscape、Opera等瀏覽器,需要的朋友可以參考下2014-11-11
JavaScript仿商城實現(xiàn)圖片廣告輪播實例代碼
大家在逛購物商城的時候不知道有沒有注意到商城首頁上面都會有各種輪播廣告，效果非常好，下面小編給大家整理特此分享給大家學(xué)習(xí)2016-02-02