JavaScript 日期時間選擇器一些小結(jié)
flatpickr 是一個輕量級、注重精益、由 UX 驅(qū)動和可擴(kuò)展的 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 實(shí)例的有效方法。
// 如果在框架中使用 flatpickr ,則建議直接傳遞該元素 flatpickr(element, {}); // 選擇器也被支持 flatpickr("#myID", {}); // 創(chuàng)建多個實(shí)例 flatpickr(".anotherSelector");
配置是可選的,并傳入對象 {} 中。
jQuery
如果你使用 jQuery ,flatpickr 可以作為插件使用。
$(".selector").flatpickr(optional_config);
總結(jié)
以上所述是小編給大家介紹的JavaScript 日期時間選擇器一些小結(jié),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JS實(shí)現(xiàn)重新加載當(dāng)前頁面或者父頁面的幾種方法
本文介紹了JS實(shí)現(xiàn)重新加載當(dāng)前頁面或者父頁面的幾種方法.需要的朋友可以參考下2016-11-11js es6系列教程 - 基于new.target屬性與es5改造es6的類語法
下面小編就為大家?guī)硪黄猨s es6系列教程 - 基于new.target屬性與es5改造es6的類語法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09微信小程序Error:Fail?to?open?IDE問題的解決方法
今天學(xué)習(xí)小程序時無法通過HBuilderX運(yùn)行微信小程序,查了相關(guān)資料后解決了,下面這篇文章主要給大家介紹了關(guān)于微信小程序Error:Fail?to?open?IDE問題的解決方法,需要的朋友可以參考下2023-04-04JS面試題之如何判斷兩個數(shù)組的內(nèi)容是否相等
這篇文章主要為大家詳細(xì)介紹了JavaScript面試的??碱},即如何判斷兩個數(shù)組的內(nèi)容是否相等,文中的示例方法講解詳細(xì),需要的小伙伴可以參考一下2023-10-10javascript實(shí)現(xiàn)的彈出層背景置灰-模擬(easyui dialog)
本文為大家介紹下使用javascript實(shí)現(xiàn)的彈出層背景置灰-模擬(easyui dialog) 具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-12-12js 判斷瀏覽器類型 去全角、半角空格 自動關(guān)閉當(dāng)前窗口
去全角、半角空格 自動關(guān)閉當(dāng)前窗口等實(shí)現(xiàn)函數(shù)。2009-04-04JS中實(shí)現(xiàn)函數(shù)return多個返回值的實(shí)例
下面小編就為大家?guī)硪黄狫S中實(shí)現(xiàn)函數(shù)return多個返回值的實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02