为什么输入类型“日期”值不从输入更新新值

Question

我试图从输入类型“日期”中获取日期，但是当我在 JavaScript 中检索数据时，始终只检索我设置的默认值。

无论我做什么，我都会得到默认值而不是我选择的新值。

我无法从与此相关的所有类似问题中找到任何解决方案，请不要标记此问题，因为我已经收到警告说我的最后一个问题没有得到社区的好评，我以为我们是来学习的提出愚蠢的问题也是其中的一部分。

var getInput = document.querySelector("#year");
var data = getInput.value, dob = data.split("-"), byy = dob[0], bmm = dob[1], bdd = dob[2];

function process(){
console.log(byy)
}

<input id="year" type="date" value="2022-12-25" required><br>
<input id="goBtn" onclick="process()" type="button" value="Go">

Answer 1

在您正在调用的函数中获取日期值。

function process() {
  var getInput = document.querySelector("#year");
  var data = getInput.value, dob = data.split("-"), byy = dob[0], bmm = dob[1], bdd = dob[2];
  console.log(byy);
}

<input id="year" type="date" value="2022-12-25" required><br>
<input id="goBtn" onclick="process()" type="button" value="Go">

当 JavaScript 执行时，变量被立即分配，给他们默认值。需要在您按下开始按钮时将它们分配给它们。