日期插件在前端項目中使用非常頻繁。基本上涉及到需要用戶輸入日期或者選擇日期時都要用到。今天給大家介紹一款輕量級的日期插件,它界面清新,擴展方便,而且不依賴於jQuery庫。
時間選擇界面
官網地址:https://flatpickr.js.org
Github地址:https://github.com/flatpickr/flatpickr
安裝方法:
npm安裝
JS/CSS文件導入
使用方法:
無jQuery支持時的是初始化
有jQuery支持時的初始化
效果展示:
選擇日期
選擇日期和時間
選擇日期範圍
選擇主題皮膚:
默認有8種皮膚可以選擇
支持多國語言:
我只是截了一部分,還有很多語言包
flatpickr日期插件還有很多功能,官網上都有很詳細的介紹,在這裡我就不一一列舉了。有興趣的朋友可以自己試一下。以後我會陸續介紹一些項目中常用到的插件庫,喜歡的朋友可以關注我或者點讚我,謝謝。