0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】Dateオブジェクトで現在時刻を取得

Last updated at Posted at 2020-05-06

#【JavaScript】Dateオブジェクトで現在時刻を取得

Date()で現在時刻を取得する方法、注意点を整理。

##Date


    const d = new Date();
    console.log(d);

曜日 月 日 西暦年 時:分:秒 を取得。
以下はconsole.log(d)の結果。


    Wed May 06 2020 08:11:15 GMT+0900 (日本標準時)

定数の名前をdayやdateではなくdとしているのは、以降day,dateは別で使う可能性があるため。

##.getFullYear


    const d = new Date();
    console.log(d.getFullYear());//2020

Date()の値に対して、西暦年を取得。

##.getMonth

    const d = new Date();
    console.log(d.getMonth());//4

Date()の値に対して、月を取得(0-11)。
1月(January)は0,2月は1,3月は2...となることに注意。
実際の月として取得する場合はday.getMonth()+1が必要。

##.getDate


    const d = new Date();
    console.log(d.getDate());//6

Date()の値に対して、日を取得(1-31)。

##.getDay


    const d = new Date();
    console.log(d.getDay());//3…水曜日

Date()の値に対して、曜日を取得(0-6)。
日曜日:0,月曜日:1...土曜日:6

##.getHours();

Date()の値に対して、時間を取得(0-23)。

##.getMinutes();

Date()の値に対して、分を取得(0-59)。

##.getSeconds();

Date()の値に対して、秒を取得(0-59)。

##.getMilliseconds();

Date()の値に対して、ミリ秒を取得(0-999)。
1ミリ秒 = 1/1000秒

##使用例


    const d = new Date();
    let year = d.getFullYear();
    let month = d.getMonth()+1;
    let date = d.getDate();
    let day = d.getDay();
    let hours = d.getHours();
    let minutes = d.getMinutes();

    switch(day){
        case 0:
            day = "日曜日";
            break;
        case 1:
            day = "月曜日";
            break;
        case 2:
            day = "火曜日";
            break;
        case 3:
            day = "水曜日";
            break;
        case 4:
            day = "木曜日";
            break;
        case 5:
            day = "金曜日";
            break;
        case 6:
            day = "土曜日";
            break;
    }

    console.log(year+""+month+""+date+""+day+hours+""+minutes+"");

または


    console.log(`${year}${month}${date}${day} ${hours}${minutes}分`);

これでXX年 XX月 XX日 XX曜日 XX時 XX分と表示できる。

##memo
Chromeのコンソールで試すと文字化けしてしまったので、ローマ英数字で検証した。
meta charaset="utf-8"を書いているのになぜだろう。

RPGツクールMVだとCrSaveTimeValue.js(美波鶴香様)がこの応用でセーブ時刻を記録している。
勉強になりました。
https://plugin.fungamemake.com/archives/19607

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?