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

您有两个问题。首先，在

printf

您输入了错误的元素ID，应该为

document.querySelector('#Requestate')

第二，您没有调用该函数，因此最后一行应该是：

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

完整代码：

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

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

Answer 2

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

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

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

WebForm日期字段

2 个答案: