2つあるフォームを本日日付でどちらも表示させたい

Question

初心者で申し訳ございません
フォームにカレンダーを入れたいく
その初期値の段階で本日のひづけにしたいのですが
2つフォームがあるためか、片方しか日付が入らず困っています

jsを二つに分けてそれぞれID名を変更しましたができませんでした。
両方日付を入れるにはどうすればよろしいでしょうか

---

<div> <input type="text" placeholder="20220423"> <p>日付第二</p> <input type="date" id="today"　min="1900-01-01" max="9999-12-31" value="2022-01-01"> <p>日付3</p> <input type="date" id="today2"　min="1900-01-01" max="9999-12-31" value="2022-01-01"> </div>

---

<script> window.onload = function () { var today = new Date(); today.setDate(today.getDate()); var yyyy = today.getFullYear(); var mm = ("0" + (today.getMonth() + 1)).slice(-2); var dd = ("0" + today.getDate()).slice(-2); document.getElementById("today").value = yyyy + '-' + mm + '-' + dd; } } </script>

Comments

[yambejp]

ソースについてはマークアップしてください

Answer 1

document.getElementById("today").value = yyyy + '-' + mm + '-' + dd;

これを today2 についても繰り返せばよいでしょう。

---

参考までに、<input type=date> に今日の日付をセットするのはもっと簡単にできます。

const today = new Date();
document.getElementById("today").valueAsNumber =
    today.getTime() - today.getTimezoneOffset() * 60 * 1000;
document.getElementById("today2").valueAsNumber =
    today.getTime() - today.getTimezoneOffset() * 60 * 1000;

Answer 2

document.getElementById("today").value = yyyy + '-' + mm + '-' + dd;
↓↓↓
document.getElementById("today").value = document.getElementById("today2").value = yyyy + '-' + mm + '-' + dd;

Comments

[gcribut]

ありがとうございます！！