<input type="date">
で、画面上で年のみ入力した状態で、ボタンイベントを発火した際に、
画面上に入力中の年の情報を取得する方法はありますでしょうか?
具体的には、以下画像の状態で、messageボタンを押下した際に、「2020」という値を取得する方法が知りたい内容です。
ブラウザのデバッガにて、<input type="date">
のデータを参照していますがそれらしき値が見つけられず、
過去質問も参照してみたのですが、探し方が悪かったのか見つけられず、今回質問したところになります。
<!DOCTYPE html>
<head>
<script>
function clickdate() {
const elm = document.querySelector("#date");
console.log(elm.value); // ←ここで2020を取得したい、valueは年月日すべてが確定した状態でなければ値が取得できない模様
}
</script>
</head>
<body>
<input type="date" id="date">
<button onClick="clickdate()">message</button>
</body>
</html>