html 5输入DateTime-本地任何浏览器ios 9本地日期时间选择器 - 如何选择年份？

Question

我正在开发一个html 5商业应用程序,有人刚刚在Beta测试中发现了一些我无法找到答案的奇怪内容.

我们有一个表格,上面有日期/时间输入:

<input type="datetime-local" step="any" id="StartDate" name="StartDate" value="2015-09-10T10:20:29">

在iPad或iPhone中的Safari/Chrome或Firefox浏览器(IOS 9.02刚刚确认,但旧版本也是如此)当我点击输入字段时,它会正确显示原生日期/时间选择器,但是无法更改年份.

这根本不是一个选择.我错过了一些基本的东西,或者这是IOS中的一个错误？请注意,这在我们使用Chrome/FireFox进行测试的所有其他平台上都可以正常工作,而不是在IOS上使用它的原生选择器.

Answer 1

大多数浏览器尚不支持所有日期类型输入，因此您会遇到这里的问题。为了使用它们，一种解决方案是使用提供浏览器不支持的功能的polyfill。

http://html5please.com/#date

一个例子是 webshims 库中的表单 polyfill。

$.webshims.polyfill('forms forms-ext');

然后可以在使用上面的示例时选择年份。

Webshim 链接： http: //afarkas.github.io/webshim/demos/

配置器https://afarkas.github.io/webshim/demos/demos/cfgs/input-datetime-local.html#min=&max=&list=&step=&value=&startView=0&minView=0&stepfactor=&useDecadeBase=0&startValue=&calculateWidth=on&popover =&弹出框=&弹出框=

和来自开发人员的 fiddle https://fiddle.jshell.net/trixta/VNuct/light/提供了有关使用 webshims 的更多信息。