如何从一个日期输入字段中获取日期值并使用 javascript 将其放入另一个日期字段？ [关闭]

Question

我有两个“日期”类型的输入字段。我想从一个输入字段中获取值并使用 javascript 将其发送给另一个。

<form>
    <input type='date' id='field1'>
    <input type='submit' value='Submit'>
</form>

<input type='date' id='field2'>

现在当用户从“field1”提交日期时，相同的日期值将如何进入“field2”？ 抱歉描述和语法不好。

Answer 1

首先这是我的代码，接下来是我的解释：

HTML：

<form>
   <input type='date' id='field1'>
   <input type='submit' value='Submit' onclick="setDate()">    
</form>
   <input type='date' id='field2'>

Javascript：

function setDate(){
var x = document.getElementById('field1').value; //"Pulling" the value entered 
document.getElementById('field2').value= x; // Replacing the value at field2 with the defined value x

解释：

所以这里发生的事情是，我们首先在提交字段中放置了一个 onclick 函数，这意味着它只会在用户单击提交时运行。它将调用函数“setDate()”。 setDate() 有两行代码，第一行将在文档中搜索 id "field1" 并获取它的值并将其保存为变量 x。第二个获取保存的值并将其放置在 id 为“field2”的地方

希望这会有所帮助，不要忘记“检查”正确的答案！

Answer 2

提交表单时，可以获取id为field1的输入，并将值设置为id为field2的输入，如下所示：

document.querySelector('input[type="submit"]').addEventListener('click', () => {
  const field1Value = document.getElementById('field1').value;
  document.getElementById('field2').value = field1Value;  
});

<form>
    <input type='date' id='field1'>
    <input type='submit' value='Submit'>
</form>

<input type='date' id='field2'>

Answer 3

我只花了几分钟就找到了这个问题的几个答案。

理论上，这很简单。

1. 获取日期输入的值
2. 将其存储在变量中
3. 将其复制到日期输入中。

function copy(){
    var input = document.getElementById('field1').value;
    document.getElementById('field2').value = input;
}

<input type='date' id='field1'>
<button onclick='copy()'>Submit</button>

<input type='date' id='field2'>