Question

我有两个类型为'date'的输入字段。我想从一个输入字段获取值，然后使用javascript将其发送给另一个。

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

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

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

Answer 1

提交表单时，您可以获取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 2

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

从理论上讲，这很简单。

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

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'>

Answer 3

首先，这是我的代码，其解释如下：

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”的地方

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

如何使用javascript从一个日期输入字段中获取日期值并将其放入其他日期字段？

3 个答案: