溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript 日期時間選擇器一些小結(jié)

發(fā)布時間：2020-09-04 19:20:21 來源：腳本之家 閱讀：153 作者：mrr 欄目：web開發(fā)

flatpickr 是一個輕量級、注重精益、由 UX 驅(qū)動和可擴(kuò)展的 JavaScript 日期時間選擇器。

JavaScript 日期時間選擇器一些小結(jié) 

下載 演示 GitHub

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" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<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)站的支持！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手