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