文章/答案/技术大牛

发布

社区首页 >问答首页 >动态添加HTML5日期元素iOS Safari

问动态添加HTML5日期元素iOS Safari
EN

Stack Overflow用户

提问于 2014-07-30 14:11:29

回答 1查看 261关注 0票数 0

我有以下javascript代码，它使用jQuery将HTML5日期输入元素附加到现有的div元素，并将值设置为某个日期(日期的格式为yyyy-MM-dd)。这段代码在Chrome、Safari (桌面)、IE ( IE 11测试)中都能很好地工作。但是，当代码在mobile-safari上运行时，input元素会被追加，但是默认的日期值并没有设置。

代码：

$("<input>").attr({
    type: "date",
    value: "2014-07-31",
    id: "someDate"
}).appendTo("#someDiv");

有人知道为什么Mobile Safari没有设置默认日期吗？

谢谢!

javascript

jquery

ios

html

mobile-safari

回答 1

Stack Overflow用户

发布于 2014-07-30 14:37:00

也许您应该在设置值之前将元素插入dom中。如果不确定这是否有效，请尝试并让我知道。

$('<input type="date" id="#someDate">').appendTo("#someDiv").val("2014-07-31");

或者，如果appendTo不链接，您可以尝试$('#someDate').val("2014-07-31");。

另外，输入类型是只读的，因此在元素上设置属性可能无法正常工作。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25039064

复制

javascript动态添加元素

jquery html java https 网络安全

<!doctype html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”Generator” content=”EditPlus®”> <meta name=”Author” content=””> <meta name=”Keywords” content=””> <meta name=”Description” content=””> <title>Document</title> </head> <body> <script> function addLiElement() { var liElement = document.createElement(‘li’); //liElement.innerHTML = ‘这是新增的li元素’; var labelElement = document.createElement(‘label’); var inputElement = document.createElement(‘input’); labelElement.innerHTML = ‘单号：’ inputElement.setAttribute(‘name’, ‘expressNumber’); liElement.appendChild(labelElement); liElement.appendChild(inputElement); var ulElement = document.getElementById(‘myid’); ulElement.appendChild(liElement); } </script> <ul id=”myid”> <li>aa</li> <li>bb</li> </ul> <p> <button onClick=”addLiElement();”>动态添加标签</button> </p> </body> </html>

全栈程序员站长

2022/06/25

1.9K0

js 动态添加元素

该例子的样式用的是easyui的样式，看不懂只需把class="easyui-XXX" 删除即可 <div class="fitem" id="urls" style="margin-bottom:5px;"> <label>url:</label> <input id="url" name="url" class="easyui-textbox" style="width: 260px" > 小标题: <input id="url_title" name="url_titl

黄啊码

2020/05/29

19.7K0

WordPress 底部添加动态版权日期

php 网站

小狐狸说事

2022/11/17

6820

原生js动态添加元素

java https 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/152106.html原文链接：https://javaforall.cn

全栈程序员站长

2022/06/25

6.8K0

javaScript动态添加Li元素「建议收藏」

java https 网络安全 html

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/152096.html原文链接：https://javaforall.cn

全栈程序员站长

2022/06/25

2.2K0

jQuery动态添加/删除元素及内容

html jquery javascript

添加新的 HTML 内容，四种方法：可根据上面的图片来区分四种方法插入元素的位置。

德顺

2019/11/12

7.1K0

【HTML5】Canvas 内部元素添加事件处理

canvas java javascript 编程算法

canvas 没有提供为其内部元素添加事件监听的方法，因此如果要使 canvas 内的元素能够响应事件，需要自己动手实现。实现方法也很简单，首先获得鼠标在 canvas 上的坐标，计算当前坐标在哪些元素内部，然后对元素进行相应的操作。配合自定义事件，我们就可以实现为 canvas 内的元素添加事件监听的效果。

零式的天空

2022/03/02

2.2K0

原生JS动态添加、删除元素&内容

html

创建元素 createElement ，创建内容 createTextNode ，添加元素 appendChild

德顺

2019/11/13

27.5K0

如何实现动态添加的元素添加点击事件

javascript jquery

在页面开发过程中常常遇到需要动态添加元素，然后给这一元素绑定相关事件的情况，这种情况下一般需要给元素加上相关属性，然后写这些元素的事件函数即可。动态添加的元素怎么绑定事件呢？

前端老道

2022/03/29

4K0

HTML-JavaScript动态添加元素appendChild

网站

开始自学一下前端的基础知识，这里记录一下知识点，毕竟不熟，不记录很容易就忘记了。前端最佳的学习资料就是在MDN，没有之一。

傅_hc

2020/02/18

1.9K0

safari日期转换的注意事项

其他

考虑到苹果设备使用，所以不能忽略safari，明明早就知道要留意了，结果新的项目又忽略了，小记一下：

IT晴天

2018/08/20

5400

使用Safari或者Chrome远程调试IOS Safari中的页面

https iphone ios

【转载请注明出处】：https://blog.csdn.net/huahao1989/article/details/108020899

后端老鸟

2020/08/15

23K0

cssjshtml jquery向动态生成的元素添加事件

html

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

葫芦

2019/04/17

3.1K0

动态添加的html元素绑定事件的方法

html jquery

在js中写好方法名对应的方法就可以了，如果绑定方法的元素太多，可以考虑使用方法二；

蓓蕾心晴

2018/07/24

3.5K0

JavaScript系列之实现ul动态添加li元素

html

<!doctype html> <html manifest="lab4.manifest"> <head> <title>Mobile Cookbook</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

SmileNicky

2022/05/07

2.7K0

jQuery实现动态添加和删除（点击按钮添加在页面添加和删除元素）

form 表单

1：点击添加按钮弹出弹框，form表单可以填写相关的信息 2：点击保存按钮，相关信息会显示在界面的列表里

王小婷

2019/02/26

7.3K0

html5语义元素

ruby html5

HTML5 添加了很多语义元素如下所示：标签描述 <article> 定义页面独立的内容区域。 <aside> 定义页面的侧边栏内容。 <bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。 <command> 定义命令按钮，比如单选按钮、复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 定义对话框，比如提示框 <summary> 标签包含 details 元素的标题 <figure> 规定独立的流内容（图像、图表、照片、代码等等）。 <figcaptio

用户6884826

2021/07/07

8700

html5 块元素、行内元素学习笔记

height href markup target url

1.html5 HyperText Markup Language 5.0 超文本标记语言5.0 2.页面基本框架  <!DOCTYPE html> <!--打开html标签

LRainner

2020/07/16

1.4K0

iOS给图片添加滤镜&使用openGLES动态渲染图片

渲染 opengl api

滤镜有哪些可选可以参看以下文章:http://www.jianshu.com/p/3e2cca585ccc

周希

2019/10/15

2K0

iOS16.4 WKWebview 不能用Safari调试

ios

Xcode 升级到 14.3后，模拟器是iOS 16.4 的，想通过Safari -> Developer -> Web Inspector查看，结果发现查看不了

莫空9081

2023/04/14

3.6K5

相似问题

IOS Safari <select>元素

关于ios safari上的readyState视频元素的HTML5问题

如果Safari/iOS删除元素

iOs Safari:清除输入类型日期

在iOS Chrome / Safari上无法渲染HTML5画布元素

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问动态添加HTML5日期元素iOS Safari
EN