JavaScriptでHTMLのdate 型 input 要素を作る
JavaScriptでHTMLのdate 型 input 要素を作る:
先日、HTML・CSS・JS（それとWebGL）を用いたアプリケーションを開発する際に、日付毎に描画が変わる機能が必要になりました。その時に作成したものがこちらになります。
まずは、自分の作りたい場所に要素を配置して・・・
そこに入れたい内容をJS側で準備するだけ
以上で完成です。
Dateについて詳しく知りたい方はこちらの方の記事が参考になります
概要
先日、HTML・CSS・JS（それとWebGL）を用いたアプリケーションを開発する際に、日付毎に描画が変わる機能が必要になりました。その時に作成したものがこちらになります。
HTMLコード
まずは、自分の作りたい場所に要素を配置して・・・code.html
<body>
<input type="date" id="today">
</body>
JavaScriptコード
そこに入れたい内容をJS側で準備するだけcode.js
//Dateオブジェクトの宣言
var date = new Date();
//上から日、月、年の宣言
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear() - 1;
//1~9月の場合は'01'~'09'表示になるようにする
if(month < 10) month = "0" + month;
//年を１月から前の年の12月にする場合の処理
if(month == 0){
month = "12";
year = year - 1;
}
//月と同じように1~9日は'01'~'09'表示になるようにする
if(day < 10) day = "0" + day;
//HTMLのdate型は「年-月-日」の形で構成される為、'-'を付け加えて形にする
var today = year + "-" + month + "-" + day;
//htmlで定義した"today"に挿入
document.getElementById("today").value = today;
コメント
コメントを投稿