加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 23:27:22 所属栏目:资源 来源:网络整理
导读:我正在开发一个html 5商业应用程序,有人刚刚在Beta测试中发现了一些我无法找到答案的奇怪内容. 我们有一个表格,上面有日期/时间输入: input type="datetime-local" step="any" id="StartDate" name="StartDate" value="2015-09-10T10:20:29" 在iPad或iPhone
我正在开发一个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上使用它的原生选择器.

解决方法

大多数浏览器尚未提供对所有日期类型输入的支持,因此您将遇到此问题.为了使用它们,一种解决方案是利用提供浏览器不支持的功能的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=&popover=&popover=

从开发人员处获取https://fiddle.jshell.net/trixta/VNuct/light/提供有关使用webshims的其他信息.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读