JavaScript 日期時(shí)間選擇器一些小結(jié)
flatpickr 是一個(gè)輕量級(jí)、注重精益、由 UX 驅(qū)動(dòng)和可擴(kuò)展的 JavaScript 日期時(shí)間選擇器。
flatpickr 不依賴于任何庫(kù)。更小的用戶界面，但有很多主題。豐富的 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實(shí)現(xiàn)重新加載當(dāng)前頁(yè)面或者父頁(yè)面的幾種方法
本文介紹了JS實(shí)現(xiàn)重新加載當(dāng)前頁(yè)面或者父頁(yè)面的幾種方法.需要的朋友可以參考下2016-11-11
js es6系列教程 - 基于new.target屬性與es5改造es6的類語(yǔ)法
下面小編就為大家?guī)?lái)一篇js es6系列教程 - 基于new.target屬性與es5改造es6的類語(yǔ)法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-09-09
微信小程序Error:Fail?to?open?IDE問題的解決方法
今天學(xué)習(xí)小程序時(shí)無(wú)法通過HBuilderX運(yùn)行微信小程序,查了相關(guān)資料后解決了,下面這篇文章主要給大家介紹了關(guān)于微信小程序Error:Fail?to?open?IDE問題的解決方法,需要的朋友可以參考下2023-04-04
基于JS實(shí)現(xiàn)簡(jiǎn)單的樣式切換效果代碼
這篇文章主要介紹了基于JS實(shí)現(xiàn)簡(jiǎn)單的樣式切換效果代碼,涉及簡(jiǎn)單的javascript控制頁(yè)面元素樣式變換的技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
JS面試題之如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等
這篇文章主要為大家詳細(xì)介紹了JavaScript面試的?？碱},即如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等,文中的示例方法講解詳細(xì),需要的小伙伴可以參考一下2023-10-10
javascript實(shí)現(xiàn)的彈出層背景置灰-模擬(easyui dialog)
本文為大家介紹下使用javascript實(shí)現(xiàn)的彈出層背景置灰-模擬(easyui dialog) 具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
js 判斷瀏覽器類型 去全角、半角空格 自動(dòng)關(guān)閉當(dāng)前窗口
去全角、半角空格 自動(dòng)關(guān)閉當(dāng)前窗口等實(shí)現(xiàn)函數(shù)。2009-04-04
這篇文章主要為大家詳細(xì)介紹了JS輪播圖的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要簡(jiǎn)單介紹了Javascript中的Function與Object的關(guān)系，并附上示例分析，對(duì)于我們更好的理解Javascript中的Function與Object的關(guān)系很有幫助，有需要的小伙伴參考下。2015-01-01
JS中實(shí)現(xiàn)函數(shù)return多個(gè)返回值的實(shí)例
下面小編就為大家?guī)?lái)一篇JS中實(shí)現(xiàn)函數(shù)return多個(gè)返回值的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-02-02