显示默认日期值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表示法的功能，但是上面的简单函数也可以完成此工作。