admin 管理员组

文章数量: 887007

flatpickr 美观好用的时间插件

flatpickr 美观好用的时间插件

以我的前端代码为例:
首先引入插件的css
flatpickr.material_red.min.css
引入2个js文件:flatpickr.js flatpickr.l10n.zh.js

使用id选择器选择。
$("#timeQy").flatpickr({
locale: “zh”,
minDate:new Date(),
maxDate: new Date().fp_incr(30),
dateFormat: “Y-m-d”,
disable:arr,
});
locale:设置字体为中文(可选,默认为英文)
minDate:最小时间。我的这个就是当前时间,当前时间之前的禁用。
maxDate:最大时间,我这样的设置最多可以选择30天,30天之后的时间禁用。
dateFormat:日期的格式化。
disable属性可以禁用某些时间,其中arr就是我在js中定义的一些法定节假日的时间数组,将其禁用。

本文标签: flatpickr美观好用的时间插件