介绍
flatpickr是轻量级的、功能强大的没有依赖项的javascript日期选择器,几乎每个大型SPA或项目都涉及日期和时间输入。浏览器的本机实现是不一致的,在功能上也是有限的。大多数其他库都要求引入大量的依赖项,如jQuery、Bootstrap和tag.js。而flatpickr是一个零依赖、轻量级但功能强大的日期选择器!
Github和文档
github:
https://github.com/flatpickr/flatpickr
文档:
https://flatpickr.js.org/examples/
特性
- 没有依赖(没有臃肿的包)
- 简单,优雅UI
- 日期+时间输入
- 范围选择
- 能够选择多个日期
- 可以用作时间选择器
- 以人性化格式显示日期
- 使用任意逻辑轻松禁用特定日期、日期范围或任何日期
- 周数
- 50种语言
- 8个丰富多彩的主题
- 众多插件
- 可用于React、Angular、Vue、Ember等更多的库
官方示例
官方文档中提供了非常丰富的实例
- 基本的用法,不用配置
- 时间
{ enableTime: true, dateFormat: "Y-m-d H:i