动态添加HTML5日期元素iOS Safari

Question

我有以下javascript代码，使用jQuery将HTML5日期输入元素附加到现有的div元素，并将值设置为特定日期(日期格式为yyyy-MM-dd)。此代码在Chrome, Safari(桌面)，IE(用IE 11测试)中完美运行。但是，当代码在移动safari上运行时，会添加输入元素，但不会设置默认日期值。

代码:

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

有谁知道为什么在移动Safari上没有设置默认日期吗?

谢谢!

Answer 1

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

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

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

而且，输入类型是只读的，所以在元素上设置属性可能无法正常工作。