WebForm日期字段

Question

我正在创建一个表单，而没有找到如何使用日历日期填充日期字段。表单应填充创建新表单的日期。我有以下代码：

<div>
  <label><b>Request Initiation Date</b></label><br />
  <input type="date" id="RequestDate">
  <script>
    (function() {
      var date = new Date().toISOString().substring(0, 10);
      var field = document.querySelector('#Requestate');
      field.value = date;
      console.log(field.value);
    });
  </script>
</div>

Answer 1

你可以使用下面给出的js -

document.getElementById("RequestDate").valueAsDate = new Date()

新的Date（）fn将获取当前日期并将其分配给目标输入[type = date]控件。

Answer 2

你有两个问题。首先，在

document.querySelector('#Requestate')

你错误输入了元素ID，它应该是

document.querySelector('#RequestDate')
--------------------------------^

其次，你没有调用函数，所以最后一行应该是：

    }());
-----^^

完整代码：

<div>
  <label><b>Request Initiation Date</b></label><br />
  <input type="date" id="RequestDate">
  <script>
    (function() {
      var date = new Date().toISOString().substring(0, 10);
      var field = document.querySelector('#RequestDate');
      field.value = date;
      console.log(field.value);
    }());
  </script>
</div>

当然，您可以用更少的代码编写它，但在执行此操作之前，您应该考虑可读性和可维护性。