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美观好用的时间插件
版权声明:本文标题:flatpickr美观好用的时间插件 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1732353771h1533848.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论