青岛手机网站开发：与Flatpickr创建抽象的Datetime输入选择

青岛手机网站开发创造是最棘手的一个字段 日期/时间选择 。 开发人员常常求助于简单为月/日/年选择菜单或依赖 各种插件 来做这项工作。

选择字段工作好但是他们有点笨重。 相反,你可以使你的形式 Flatpickr插件 。 这是一个 免费、开源的JavaScript日历选择器与零依赖关系 。

这是 设计时 极简主义在心里 ,所以它可以适合任何网站布局,任何web表单,应该从任何可用的现代设备。

读也: 一个明确的国际网站格式的日期

这个插件的一个妙处是 各种各样的自定义选项 。 你可以重塑的日期出现在文本字段和日历开始(在“今日秀”违约)。

但是,你也可以 把它作为严格意义上的日期选择器 如果你不需要时间的选择。 这仅仅是一个可选的功能,可以让你更多的数据通过这一选择的形式。

看一看 示例页面 看到Flatpickr行动。

你也可以 设置目标选项 限制日期选择器的行为,如:

• 禁止某些日期/范围

• 只允许特定日期范围

• 允许多个日期选择

• “范围模式”选择开始和结束日期

• 只是一个日期选择器,或者只是时间日期&时间在一起

选项是无穷的,他们都通过这个香草JavaScript插件。

手机用户往往希望本地日期选择但是你可以 覆盖这个移动设置的JavaScript 。 这样你会有相同的接口工作在所有设备。

你甚至可以 用添加IE9支持 polyfill 这使得这最支持的日期选择插件。

安装很简单, 命令npm、凉亭和 纱 。 或者,你可以下载源文件 直接 从GitHub 如果你喜欢这条路。

青岛手机网站开发可以找到所有你需要知道的 设置页面 这显示了你 如何添加文件到你的头吗 & 如何调用这个日期选择在任何领域 。 轻松最好的日期选择器插件设计足够简单 适合任何设计 。