Как получить значение даты из одного поля ввода даты и поместить его в другое поле даты с помощью javascript? [закрыто]

У меня есть два поля ввода типа «date». Я хочу взять значение из одного поля ввода и отправить его другому, используя javascript.

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

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

Теперь, когда пользователь отправляет дату из '<form> <input type =' date 'id =' field1 '> <input type =' submit 'value =' Submit 'onclick = "setDate ()"> </ form> < input type = 'date' id = 'field2'> ', как бы одно и то же значение даты включалось в функцию setDate () {var x = document.getElementById (' field1 '). value; // «Вытягивание» введенного значения document.getElementById ('field2'). Value = x; // Заменяем значение в поле2 на заданное значение x '? Извините за плохое описание и грамматику.

javascript,html,forms,input,datepicker,

0

Ответов: 3


1 принят

Сначала Вот мой код, и мое объяснение будет следовать:

HTML:

field1

Javascript:

field2

Объяснение:

Итак, что здесь происходит, мы сначала разместили функцию onclick в поле submit, то есть она будет работать только тогда, когда пользователь нажмет кнопку submit. Он вызывается функцией «setDate ()». setDate () имеет 2 строки кода, первый будет искать документ для идентификатора «field1» и получает его значение и сохраняет его как переменную x. Вторая берет эту сохраненную ценность и помещает ее в место с идентификатором "field2"

Надеюсь, что это поможет, и не забудьте «проверить» правильный ответ!


1

Когда вы отправляете форму, вы можете получить входной идентификатор field1и установить значение для ввода этого идентификатора 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'>


1

Мне потребовалось всего пару минут, чтобы найти пару ответов на этот вопрос.

Теоретически это просто.

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

JavaScript, HTML, форма, вход, DatePicker,
Похожие вопросы