html 5输入日期时间本地任意浏览器ios 9本机日期时间选择器-如何选择年份?
我正在开发一个HTML5商业应用程序,有人刚刚在Beta测试中发现了一些奇怪的东西,我找不到答案 我们有一个表格,上面有日期/时间输入:html 5输入日期时间本地任意浏览器ios 9本机日期时间选择器-如何选择年份?,ios,html,datetimepicker,Ios,Html,Datetimepicker,我正在开发一个HTML5商业应用程序,有人刚刚在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刚刚确认,但也是较旧版本),当我单击输入字段时,
<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中的一个bug?请注意,这在我们用Chrome/FireFox测试过的所有其他平台上都可以正常工作,只是在IOS上没有使用它的本机picker。它不是一个bug。正如Safari开发者库所述,以下值仅对
datetime local
picker有效:
- 日期。用于指定日期值的输入控件。用户可以选择月份、月份中的日期和年份。与datetime不同,date 不提供一天中的时间
- 日期时间。用于指定日期和时间值的输入控件。用户可以选择月份、月份的日期、年份和时间 白天
- 日期时间本地。用于指定日期和时间的输入控件,其中格式取决于区域设置
我建议您结合使用
date
和datetime
输入字段,以使您的应用程序适应iOS浏览器。大多数浏览器尚不支持完整的日期类型输入,因此您会遇到这个问题。为了使用它们,一种解决方案是使用polyfill,它提供浏览器不支持的功能
webshims库中的表单polyfill就是一个例子
$.webshims.polyfill('forms forms-ext');
然后,可以在使用上述示例时选择年份
Webshim链接:
配置器
开发者提供的fiddle提供了关于webshims使用的附加信息。添加min/max属性以允许滚动到不同的年份
<input type="datetime-local" step="any" id="StartDate" name="StartDate" value="2015-09-10T10:20:29" min="1970-01-01T00:00" max="2030-01-01T00:00">
不支持日期时间输入:这是我的难题。这是一个bug。“日期和时间值,格式取决于地点”即使在以色列,我们也使用年作为日期的一部分。我们希望避免这种情况,但我想这是不可能的。非常感谢。