flatpickr是一个轻量级,注重精益,由用户体验驱动和可扩展的JavaScript日期时间选择器。
#使用npm安装
npm我flatpickr——保存
<强>非模块环境
直接引入flatpickr文件
& lt;链接rel="样式表" href=" https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css "比;
& lt;脚本src=" https://cdn.jsdelivr.net/npm/flatpickr "祝辞& lt;/script>
<强>用法
如果你使用webpack,你需要导入flatpickr。
//commonjs
const flatpickr=要求(“flatpickr”);
//如果可用,推荐使用西文模块
从“flatpickr”;进口flatpickr
下面都是创建flatpickr实例的有效方法。
//如果在框架中使用flatpickr,则建议直接传递该元素
flatpickr(元素,{});//选择器也被支持
flatpickr (" # myID ", {});//创建多个实例
flatpickr (“.anotherSelector”);
配置是可选的,并传入对象{}中。
<强> jQuery
如果你使用jQuery, flatpickr可以作为插件使用。
$ (" .selector ") .flatpickr (optional_config);
以上所述是小编给大家介绍的JavaScript日期时间选择器一些小结,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
