显示默认日期值HTML表单iOS

Question

有没有办法在按钮内显示当前日期，以便在iOS设备上以HTML格式启动日期选择器？

---

以下是当前加载的内容：

以下是我希望自动加载的内容：

---

以下是我在HTML表单中使用的代码：

<input name="date" type="date" autofocus="autofocus" id="date" autocomplete="on" value="09-21-13"/>

---

有什么想法吗？

感谢。

Answer 1

您需要使用JavaScript中的Date()方法查找当前日期，并将其转换为ISO 8601表示法，yyyy-mm-dd，这是input type=date必须在内部使用的内容（因此属性value="09-21-13"无效并被忽略 - 它将引用第9年第21个月的第13天，甚至因为月份数太大而无法正式无效。

示例：

<input name="date" type="date" autofocus="autofocus" id="date" autocomplete="on" />
<script>
function ISO8601(date) {
  var d = date.getDate();
  if(d < 10) d = '0' + d;
  var m = date.getMonth() + 1;
  if(m < 10) m = '0' + m;
  return date.getFullYear() + '-' + m + '-' + d;
}
document.getElementById('date').value = ISO8601(new Date());
</script>

如果您使用JavaScript库，其中一些可能具有将日期转换为ISO 8601表示法的功能，但上面的简单函数也可以完成这项工作。