目次
サンプル | 現在日時を個別のメソッドで取得する |
月日の前に頭ゼロをつける | |
Dateで現在日時を一括取得しフォーマット変換する(toLocaleString) | |
現在の年月日を画面に表示するサンプル |
現在日時を個別のメソッドで取得する
<script>
const youbi = ["日","月","火","水","木","金","土"];
const date1 = new Date();
const date2 = date1.getFullYear() + "年" +
(date1.getMonth() + 1) + "月" +
date1.getDate() + "日" +
date1.getHours() + "時" +
date1.getMinutes() + "分" +
date1.getSeconds() + "秒" +
date1.getMilliseconds() + "ミリ秒" +
youbi[date1.getDay()] + "曜日" // 0は日曜日~6は土曜日
console.log(date2);
// 2020年2月1日20時55分36秒809ミリ秒土曜日
</script>
2行目は、曜日の配列です。
4行目は、Dateオブジェクトを生成しています。
5~12行目は、個別に値を取得しています。
6行目のgetMonthは、0から始まります。1月のときは0が返ります。そのため+1しています。
12行目のgetDayは、曜日が数字で返ってきます。0は日曜日で、6は土曜日です。
月日の前に頭ゼロをつける
<script>
const date1 = new Date();
// 頭ゼロをつける
const date3 =
date1.getFullYear() +
("00" + (date1.getMonth() + 1)).slice(-2) +
("00" + date1.getDate()).slice(-2);
console.log(date3);
// 20200201
</script>
7,8行目は、sliceメソッドで頭ゼロを付与しています。
9行目は、YYYYMMDDで出力されます。
Dateで現在日時を一括取得しフォーマット変換する(toLocaleString)
<script>
const date1 = new Date();
console.log(date1); // Sat Feb 01 2020 20:49:28 GMT+0900 (日本標準時)
console.log(date1.toLocaleString()); // 2020/2/1 20:49:28
</script>
3行目は、Dateの値をそのまま出力したときのフォーマットです。
4行目は、toLocaleStringメソッドで年月日をスラッシュ区切りで、時分秒をカンマ区切りにしています。
toLocaleStringメソッドは、サポートされていないブラウザもあります。
以下は、MDNのtoLocaleStringメソッドのリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString
現在の年月日を画面に表示するサンプル
以下はjsで現在の年月日を表示しています。
上記サンプルのコードです。
<p id="p1"></p>
<script>
const p1 = document.getElementById("p1");
const date1 = new Date();
const date2 =
date1.getFullYear() +
"/" +
(date1.getMonth() + 1) +
"/" +
date1.getDate();
p1.textContent = date2;
</script>
関連の記事