Flatpickr是一个轻量级的、面向精益的、UX驱动的和可扩展的JavaScript日期和时间选择器。

下载演示GitHub

Flatpickr不依赖于任何库。较小的用户界面，但有许多主题。丰富的API和事件系统使其适用于任何环境。它可以在webpack中使用，也可以作为jQuery插件使用。

装置

安装平板显示器模块

使用NPM安装平板显示器模块。包管理工具：https://www.npmjs.com/package/bower-npm-resolver

#使用NPM安装NPM I flat picker-保存非模块化环境

直接导入平板电脑文件

使用linkrel='样式表' href=' https://cdn.jsdelivr.net/NPM/flatpickr/dist/flatpickr.min.css'脚本src=' http:https://cdn.jsdelivr.net/NPM/flatpickr'/script

如果使用webpack，则需要导入flatpickr。

//commonjsconst flat picker=require(' flat picker ')；//如果可用，建议使用es模块从‘flat picker’导入flat picker；以下是创建flatpickr实例的有效方法。

//如果框架中使用flat picker，建议直接传递元素flat picker(element，{ })；//flat picker(' # myID '，{})也支持选择器；//创建flatpickr('的多个实例。另一个选择器’)；配置是可选的，并被传递到对象{}。

框架

如果您使用jQuery，flatpickr可以用作插件。

$('.选择器')。flatpickr(可选_ config)；摘要

以上是边肖介绍的JavaScript日期时间选择器的总结，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！