今天为大家分享一款轻量级、功能强大的时间选择器,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 日期与时间
3.3 禁用某个范围的日期
当然除了上面列出的,还有其他众多功能,如自定义日期格式、限制最小与最大日期、时间选择器、预加载日期、UTC 模式、显示星期等等,此外还支持时间本地化,提供了中文语言包;并且提供多种主题,如 Material 风格主题、黑色主题等。
Material 风格主题
Dark 主题
项目地址:Github
哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站,并且能够搭建符合百度排名规范的网站基底,使您的网站无需额外费用,即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。