今天為大家分享一款輕量級(jí)、功能強(qiáng)大的時(shí)間選擇器，JS 文件壓縮后只有14KB，并且不需要任何的依賴。

1. 安裝

通過 npm 或者 bower 安裝：

// npm 安裝
npm install flatpickr

// bower 安裝
bower install flatpickr-calendar

或者直接 下載 后引入：

<link rel="stylesheet" type="text/css" href="/path/to/flatpickr.css">
<script src="/path/to/flatpickr.js"></script>

2. 語法

flatpickr('selector', [options]);

3. 功能

3.1 基本的日期選擇

3.2 日期與時(shí)間

3.3 禁用某個(gè)范圍的日期

當(dāng)然除了上面列出的，還有其他眾多功能，如自定義日期格式、限制最小與最大日期、時(shí)間選擇器、預(yù)加載日期、UTC 模式、顯示星期等等，此外還支持時(shí)間本地化，提供了中文語言包；并且提供多種主題，如 Material 風(fēng)格主題、黑色主題等。

Material 風(fēng)格主題

Dark 主題

項(xiàng)目地址：Github