动态添加 HTML5 日期元素 iOS Safari

Question

我有以下 javascript 代码，它使用 jQuery 将 HTML5 日期输入元素附加到现有 div 元素并将值设置为某个日期（日期格式为 yyyy-MM-dd）。此代码在 Chrome、Safari（桌面）、IE（使用 IE 11 测试）中完美运行。但是当代码在 mobile-safari 上运行时，会附加输入元素，但未设置默认日期值。

代码：

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

有谁知道为什么没有在 Mobile Safari 上设置默认日期？

谢谢！

Answer 1

也许你应该在设置值之前将元素插入到 dom 中。不确定这是否有效，请尝试并告诉我。

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

如果 appendTo 没有链接，你可以试试 $('#someDate').val("2014-07-31");。

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