JavaScriptのDateオブジェクトの使い方をまとめる

JavaScriptのDateオブジェクトの使い方から、何日後の日付表示、曜日表示方法をまとめました。

日本時間を表示したい

toLocaleString関数で、タイムゾーン指定する
元号を表示させたい場合は、ja-JP → ja-JP-u-ca-japaneseに変えるとよさそう。

let date = new Date(new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }))
console.info(date) // 出力結果: 2020-08-05T11:31:56.000Z

YYYY年MM月DD日の形式で表示したい

月は0から計算されるので、1 加算する

let date = new Date(new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }))
// この下から
let formatted = date.getFullYear()
                + '年' + (Number(date.getMonth()) + 1).toString()
                + '月' + date.getDate() + '日'
console.info(formatted) // 出力結果: 2020年8月5日

月日に、前0を付与して表示したい

let date = new Date(new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }))
// この下から
let formatted = date.getFullYear()
                + '-' + ('00' + (Number(date.getMonth()) + 1).toString()).slice(-2)
                + '-' + ('00' + date.getDate()).slice(-2)
console.info(formatted) // 出力結果: 2020年08月05日

5日後の日付を表示したい

let date = new Date(new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }))
// この下から
date.setDate(date.getDate() + ５)
console.info(date) // 出力結果: 2020-08-10T11:31:56.000Z

2時間後の時刻を表示したい

let date = new Date(new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }))
// この下から
date.setHours(date.getHours() + 2)
console.info(date) // 出力結果: 2020-08-05T13:31:56.000Z

曜日を（水）の形式で表示したい

let date = new Date(new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }))
let formatted = date.getFullYear()
                + '年' + (Number(date.getMonth()) + 1).toString()
                + '月' + date.getDate() + '日'
// この下から
formatted = formatted + '('
                + ["日", "月", "火", "水", "木", "金", "土"][date.getDay()] + ')'
console.info(formatted) // 出力結果: 2020年8月5日（火）

Dateオブジェクトの関数リスト

参考リンク

• Date – JavaScript | MDN
  https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date
• Date.prototype.toLocaleString() – JavaScript | MDN
  https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString
• Date.toLocaleString()－JavaScriptリファレンス
  http://www.htmq.com/js/date_toLocaleString.shtml