如何将（格式良好的）字符串变量分配给 <input type="date" /> 值

Question

我正在尝试将表示日期的格式良好的字符串变量 (yyyy-mm-dd) 分配给<input type="date" />. 当值是字符串文字时，它起作用，但是当它来自变量或常量时，它不起作用。您可以检查以下 html 代码和呈现的 html 页面。<form>  <p>Litteral Assignement: <input name="literalDate" type="date" /></p>  <p>Variable Assignement: <input name="variableDate" type="date" /></p></form><script>  var literalDateControl = document.querySelector('input[name="literalDate"]');  literalDateControl.value = "2019-07-24";  var today = new Date();  const todayValue = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();  var variableDateControl = document.querySelector('input[name="variableDate"]');  variableDateControl.value = todayValue;</script>关于如何解决这个问题的任何想法或建议？

Answer 1

问题是你的月份不是两位数。有很多方法可以填充单个数字，但它可能看起来像这样：

const getMonth = date => `${date.getMonth() + 1 < 10 ? '0' : ''}${date.getMonth() + 1}`;

const today = new Date();

const todayTest = today.getFullYear() + '-' + getMonth(today) + '-' + today.getDate();

const fixedTest = "2019-07-24";

document.querySelector('.a').value = todayTest;

document.querySelector('.b').value = fixedTest;

console.log(todayTest)

console.log(fixedTest)

<input class="a" type="date" />

<input class="b" type="date" />