非エンジニアでもできるブラウザのConsoleを使った日付確認方法

非エンジニアでもできるブラウザのConsoleを使った日付確認方法

Consoleで日付を調べるメリット

カレンダーよりも早く調べられる場合があり、カレンダーを開く必要がなくなること。

1年後の日付の曜日や繰り返しの日時を調べる場合はConsoleから以下のコードをコピペして調べたほうが高速かつ正確に調べることができる。

ブラウザのConsoleの開き方

WindowsならF12

Macならoption + commandI

Consoleに入力する

まず試しにnew Date()と入力してみる。

すると本日の日付が表示される。

new Date()
// => Mon May 15 2017 20:50:12 GMT+0900 (JST)

new Date()の括弧の中にnew Date('2017/12/24')のように日付を入れると日付が曜日付きで表示されるため今年のクリスマスイブは何曜日か調べる際に使える。

new Date('2017/12/24')
// => Sun Dec 24 2017 00:00:00 GMT+0900 (JST)

100時間後の日時を調べたい場合

var d = new Date('2017/06/01')
new Date(d.setHours(d.getHours() + 100))
// => Mon Jun 05 2017 04:00:00 GMT+0900 (JST)

100日後の日時を調べたい場合

var d = new Date('2017/06/01')
new Date(d.setDate(d.getDate() + 100))
// => Sat Sep 09 2017 00:00:00 GMT+0900 (JST)

特定の日時から10日おき、5回分の日付を調べる場合

var d = new Date('2017/06/01')
for (var i = 0; i < 5; i++) {
 console.info(new Date(d.setDate(d.getDate() + 10)))
}
// => Sun Jun 11 2017 00:00:00 GMT+0900 (JST)
// => Wed Jun 21 2017 00:00:00 GMT+0900 (JST)
// => Sat Jul 01 2017 00:00:00 GMT+0900 (JST)
// => Tue Jul 11 2017 00:00:00 GMT+0900 (JST)
// => Fri Jul 21 2017 00:00:00 GMT+0900 (JST)