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"> <pre title="./js/main.js"></pre> </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入門 |
コメント
参考になりました。
ただ、以下のコードが間違ってる気がします。
だと、JSが動かない気がします。
タグが間違ってて、scriptだと動きました！
つまり、
です。
参考
: 整形済みテキスト要素 – HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/pre