html5 <input type =“ month” />在不同浏览器中的用法

时间:2019-05-14 10:13:06

标签: javascript jquery html5

我想创建一个输入字段,以便用户选择月份和年份。 HTML5引入了适合我的问题的输入类型“ month”。它可以在Chrome,Opera和Edge(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month)中正常工作。

如果用户使用的是Firefox(或IE或任何较旧的浏览器版本),则输入字段不会显示日期选择器,而是需要纯文本输入。

如何以某种方式实现我的表单,如果当前浏览器支持输入type =“ month”,则显示本机浏览器的日期选择器,如果不是,则显示自定义日期选择器?我希望输入type =“ month”在将来的Firefox版本中可以使用,并且一旦存在就希望自动使用该功能。

实现自定义日期选择器的最佳方法是什么?

我已经在项目中使用JQuery。此外,尽管我认为Laravel在这方面没有提供任何实用工具,但我正在使用Laravel。

1 个答案:

答案 0 :(得分:0)

是,旧版浏览器不支持HTML5元素。您不能指望新技术可以在旧系统上运行。 :)

因此,您已经知道可以使用自定义日期选择器。我会推荐http://www.daterangepicker.com/,因为我已经使用了一段时间了。非常稳定。

不再建议使用jQueryUI datepicker,因为它附带了很多其他东西,这会减慢您的应用加载时间。

将镜头交给daterangepicker,它将解决您的问题。 ;)