日期插件在前端项目中使用非常频繁。基本上涉及到需要用户输入日期或者选择日期时都要用到。今天给大家介绍一款轻量级的日期插件,它界面清新,扩展方便,而且不依赖于jQuery库。
时间选择界面
官网地址:https://flatpickr.js.org
Github地址:https://github.com/flatpickr/flatpickr
安装方法:
npm安装
JS/CSS文件导入
使用方法:
无jQuery支持时的是初始化
有jQuery支持时的初始化
效果展示:
选择日期
选择日期和时间
选择日期范围
选择主题皮肤:
默认有8种皮肤可以选择
支持多国语言:
我只是截了一部分,还有很多语言包
flatpickr日期插件还有很多功能,官网上都有很详细的介绍,在这里我就不一一列举了。有兴趣的朋友可以自己试一下。以后我会陆续介绍一些项目中常用到的插件库,喜欢的朋友可以关注我或者点赞我,谢谢。