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