【Javascript】日付フォーム<input type="date">の値を変更時に取得

Javascriptで<input type="date"> の日付(値)を取得する方法をソースコード付きでまとめました。

日付を取得

Javascriptで<input type="date"> の日付(値)が変更されたときに値を取得してみます。

サンプルコード

サンプルプログラムのソースコードです。

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>
</head>

<body>

<input type="date" id="setDate">

<script src="./js/main.js"></script>
</body>
</html>

./js/main.js

// 日付フォームの値が変更されたら実行
document.getElementById("setDate").onchange = function() { 
    var date = document.getElementById("setDate").value;
    alert(date);
};
関連ページ
1 【Vue.js入門】使い方・サンプル集
2 Javascript入門 サンプル集
3 Node.js入門
関連記事