ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptのDateオブジェクトを詳しく解説(例付き)

JavaScriptのDateオブジェクトを詳しく解説(例付き)

不言
不言転載
2018-10-18 16:34:312285ブラウズ

この記事では、JavaScript の Date オブジェクトについて詳しく説明します (例を示します)。必要な方は参考にしていただければ幸いです。

1. Date インスタンス オブジェクトを作成します。

1.new Date(); system

    let today = new Date();
    console.log(today); //Thu Jun 14 2018 14:51:00 GMT+0800 (CST)

2.new Date(value);

パラメータ: 値は 1970 年 1 月 1 日 00:00:00 (世界標準時) 以降を表します。経過したミリ秒数

    let day = new Date(1528959690000);
    console.log(day); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)

3.new Date(dateString);

パラメータ: dateString 日付を表す文字列値。この文字列は、Date.parse() メソッド

    let day1 = new Date("2018-06-14T07:01:30.000Z");
    console.log(day1); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)

4.new Date(年、月[、日[、時[、分[、秒[、ミリ秒]]]]]によって認識される必要があります。 ]);

パラメータ:

  • year は年の整数値を表します。2000 年問題を回避するには、4 を指定するのが最善です。 -数字の年。98 の代わりに 1998 を使用します。

  • month は、0 (1 月) から 11 (12 月) までの月の整数値を表します。

    day は月を表します 1 から始まる日の整数値
  • #hour 1 日の時間数を表す整数値 (24 時間形式)
  • nut 分数
  • #秒 秒数
  • #ミリ秒 ミリ秒部分を表す整数値
  • #

        let day2 = new Date(2018,5,14);
        console.log(day2); //Thu Jun 14 2018 00:00:00 GMT+0800 (CST)
    
        let day3 = new Date(2018,5,14,15,1,30);
        console.log(day3); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
2. Date 静的プロパティ

##1.Date.prototype は、 Date コンストラクター

Date インスタンスは Date.prototype を継承します。コンストラクターのプロトタイプ オブジェクトを使用して、すべての Date インスタンスにプロパティまたはメソッドを追加できます。

3 . Date 静的メソッド

#1.Date.UTC() メソッドは、1970-1-1 00:00:00 UTC から指定された日付 ## までのミリ秒数を返します。 #構文: Date.UTC(年、月[,日付[,時間[,分[,秒[,ms]]]]])

パラメータ:

#year 1900 年以降の特定の年


month 月を示す 0 から 11 までの整数
  • date 1 から 1 までの整数Day
  • hrs 時間を表す 0 ~ 23 の整数
  • min 0 ~ 23 の整数59、分を表す
  • sec 秒を表す 0 ~ 59 の整数
  • ms ミリ秒を表す 0 ~ 999 の整数
  •     let utcDate = new Date(Date.UTC(2018, 5, 14, 7, 1, 30));
        console.log(Date.UTC(2018, 5, 14, 7, 1, 30)); //1528959690000
        console.log(utcDate); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
  • 2.Date.now() メソッドは、1970 年 1 月 1 日の 00:00:00 UTC から現在時刻までのミリ秒数を返します
  •     let nowDate = new Date(Date.now());
        console.log(nowDate); //Fri Jun 15 2018 16:31:05 GMT+0800 (CST)
        console.log(Date.now()); //1529051465358
  • 3.Date.parse() メソッドは、1970-1-1 00:00:00 UTC から指定された日付文字列で表される時刻までのミリ秒数を表す値を返します

# 構文: Date.parse(dateString)パラメータ: dateString RFC2822 または ISO 8601 の日付形式に準拠した文字列

戻り値: 1970-1-1 00 からの文字列を返します。 00:00 UTC から指定された日付文字列で表される時刻までのミリ秒数。パラメータを有効な日付に解析できない場合は、NaN

    let time = Date.parse('2018-06-14T07:01:30.000Z');
    console.log(time);// 1528959690000

が返されます。 4. 日付インスタンス メソッド

1。 Year

setFull Year() メソッドは、現地時間に基づいて日付オブジェクトの年を設定します。

構文: dateObj.setFull Year(yearValue[, monthValue[, dayValue ]])パラメーター:

yearValue 年の整数値 (1995 など) を指定します。


monthValue 1 月から 12 月を表す 0 ~ 11 の整数値。

  • dayValue 月の日付を示す 1 ~ 31 の整数値。 dayValue パラメータを指定する場合は、monthValue も指定する必要があります

  • getFull Year() メソッドは、現地時間に基づいて指定された日付の年を返します
  • 構文: dateObj.getFull Year()

    戻り値: 現地時間に基づいて、指定された日付に対応する年番号を返します
    let date1 = new Date(1528959690000);
    console.log(date1); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date1.setFullYear(2017)); //1497423690000
    console.log(date1.getFullYear()); //2017

setUTCFull Year() メソッドは、特定の日付の年を設定します世界標準時に基づく

構文: dateObj.setUTCFul Year(yearValue[, monthValue[, dayValue]])

パラメータ:

yearValue年の整数値 (例: 1995)


monthValue オプション。1 月から 12 月までを表す 0 ~ 11 の整数値を指定します。

  • dayValue オプションには、月の日を表す 1 ~ 31 の整数値を指定します。 dayValue パラメータを指定する場合は、monthValue パラメータを指定する必要があります。世界時では、指定された日付オブジェクトの年を返します

  • 構文: dateObj.getUTCFull Year()

    戻り値: 2000 年の標準に準拠した絶対値 (1995 など) を返します。

    let day1 = new Date(1528959690000);
    console.log(day1.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day1.setUTCFullYear(2017)); //1497423690000
    console.log(day1.getUTCFullYear()); //2017
  • 2. Month

setMonth() メソッドは、現地時間に基づいて年を設定して日付オブジェクトの月を設定します。

構文: dateObj.setMonth(monthValue[, dayValue])パラメータ:

  • monthValue  介于 0 到 11 之间的整数(表示一月到十二月)

  • dayValue  从 1 到 31 之间的整数,表示月份中的第几天

getMonth() 方法根据本地时间,返回一个指定的日期对象的月份

语法:dateObj.getMonth()
返回值:返回一个0 到 11的整数值: 0 代表一月份,1 代表二月份, 2 代表三月份,依次类推

    let date2 = new Date(1528959690000);
    console.log(date2); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date2.setMonth(4)); //1526281290000
    console.log(date2.getMonth()); //4

setUTCMonth()方法根据通用的时间来设置一个准确的月份

语法:dateObj.setUTCMonth(monthValue[, dayValue])
参数:

  • monthValue  一个0-11的整数,代表1月到12月

  • dayValue  可选参数,一个1-31的整数,代表一个月的天数

getUTCMonth方法以世界时为标准,返回一个指定的日期对象的月份,它是从 0 开始计数的(0 代表一年的第一个月)

语法:dateObj.getUTCMonth()
返回值:返回一个 0 到 11 的整数,分别对应以下月份:0 代表一月,1 代表二月,2 代表三月,依次类推

    let day2 = new Date(1528959690000);
    console.log(day2.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day2.setUTCMonth(4)); //1526281290000
    console.log(day2.getUTCMonth()); //4

3.日

setDate() 方法根据本地时间来指定一个日期对象的天数

语法:dateObj.setDate(dayValue)
参数:dayValue  一个整数,表示该月的第几天

getDate() 根据本地时间,返回一个指定的日期对象为一个月中的第几天

语法:dateObj.getDate()
返回值:返回一个1 到 31的整数值

    let date3 = new Date(1528959690000);
    console.log(date3); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date3.setDate(21)); //1529564490000
    console.log(date3.getDate()); //21

setUTCDate() 方法就是根据全球时间设置特定date对象的日期

语法:dateObj.setUTCDate(dayValue)
参数:dayValue  一个1-31的整形数字,用来指定日期

getUTCDate() 方法以世界时为标准,返回一个指定的日期对象为一个月中的第几天

语法:dateObj.getUTCDate()
返回值:返回一个 1 到 31 的整数值

    let day3 = new Date(1528959690000);
    console.log(day3.toUTCString()); ////Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day3.setUTCDate(25)); //1529910090000
    console.log(day3.getUTCDate()); //25

4.星期几

getDay() 方法根据本地时间,返回一个具体日期中一周的第几天,0 表示星期天

语法:dateObj.getDay()
返回值:返回一个整数值: 0 代表星期日, 1 代表星期一,2 代表星期二, 依次类推

    let date = new Date(1528959690000);
    console.log(date); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date.getDay()); //4

getUTCDay() 方法以世界时为标准,返回一个指定的日期对象为一星期中的第几天,其中 0 代表星期天

语法:dateObj.getUTCDay()
返回值:返回一个对应一星期中第几天的整数:0 代表星期天,1 代表星期一,2 代表星期二,依次类推

5.时

setHours() 方法根据本地时间为一个日期对象设置小时数

语法:dateObj.setHours(hoursValue[, minutesValue[, secondsValue[, msValue]]])
参数:

  • hoursValue  一个 0 到 23 的整数,表示小时

  • minutesValue  一个 0 到 59 的整数,表示分钟

  • secondsValue  一个 0 到 59 的整数,表示秒数,如果指定了 secondsValue 参数,则必须同时指定 minutesValue 参数

  • msValue  一个 0 到 999 的数字,表示微秒数,如果指定了 msValue 参数,则必须同时指定 minutesValue 和 secondsValue 参数

getHours() 方法根据本地时间,返回一个指定的日期对象的小时

语法:dateObj.getHours()
返回值:返回一个0 到 23之间的整数值

    let date4 = new Date(1528959690000);
    console.log(date4); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date4.setHours(11)); //1528945290000
    console.log(date4.getHours()); //11

setUTCHours() 方法就是根据全球时间设置特定date对象的小时数

语法:dateObj.setUTCHours(hoursValue[, minutesValue[, secondsValue[, msValue]]])
参数:

  • hoursValue  表示小时的整数,取值0到23之间

  • minutesValue  可选参数,表示分钟的整数,取值0到59之间

  • secondsValue  可选参数,表示秒数的整数,取值0到59之间;如果指定了该参数,就要同时指定minutesValue这个参数

  • msValue  可选参数,表示毫秒的整数,取值0到999之间;如果指定了该参数,就要指定minutesValue和secondsValue这两个参数

getUTCHours() 方法以世界时为标准,返回一个指定的日期对象的小时数

语法:dateObj.getUTCHours()
返回值:返回一个 0 到 23 的整数

    let day4 = new Date(1528959690000);
    console.log(day4.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day4.setUTCHours(15)); //1528988490000
    console.log(day4.getUTCHours()); //15

6.分

setMinutes() 方法根据本地时间为一个日期对象设置分钟数

语法:dateObj.setMinutes(minutesValue[, secondsValue[, msValue]])
参数:

  • minutesValue  一个 0 到 59 的整数,表示分钟数。

  • secondsValue  一个 0 到 59 的整数,表示秒数,如果指定了 secondsValue 参数,则必须同时指定 minutesValue 参数。

  • msValue  一个 0 到 999 的数字,表示微秒数,如果指定了 msValue 参数,则必须同时指定 minutesValue和secondsValue 参数

getMinutes() 方法根据本地时间,返回一个指定的日期对象的分钟数

语法:dateObj.getMinutes()
返回值:返回一个0 到 59的整数值

    let date5 = new Date(1528959690000);
    console.log(date5); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date5.setMinutes(30)); //1528961430000
    console.log(date5.getMinutes()); //30

setUTCMinutes()方法会根据根据全球时间来设置指定日期的分钟数

语法:dateObj.setUTCMinutes(minutesValue[, secondsValue[, msValue]])
参数:

  • minutesValue  必填,表示要设置的分钟数,是一个介于0和59之间的整数

  • secondsValue  可选参数,表示要设置的秒数,同样也是一个介于0和59之间的整数,如果你传入了这个参数,那么你就必须要传入minutesValue

  • msValue  可选参数,表示要设置的毫秒数,这是一个介于0和999之间的数字,如果你传入了这个参数,那么你就必须要传入minutesValue和secondsValue

getUTCMinutes() 方法以世界时为标准,返回一个指定的日期对象的分钟数

语法:dateObj.getUTCMinutes()
返回值:返回一个 0 到 59 的整数

    let day5 = new Date(1528959690000);
    console.log(day5.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day5.setUTCMinutes(45)); //1528962330000
    console.log(day5.getUTCMinutes()); //45

7.秒

setSeconds() 方法根据本地时间设置一个日期对象的秒数

语法:dateObj.setSeconds(secondsValue[, msValue])
参数:

  • secondsValue  一个 0 到 59 的整数

  • msValue  一个 0 到 999 的数字,表示微秒数

getSeconds() 方法根据本地时间,返回一个指定的日期对象的秒数

语法:dateObj.getSeconds()
返回值:返回一个 0 到 59 的整数值

    let date6 = new Date(1528959690000);
    console.log(date6); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date6.setSeconds(40)); //1528959700000
    console.log(date6.getSeconds()); //40

setUTCSeconds() 方法为一个依据国际通用时间的特定日期设置秒数

语法:dateObj.setUTCSeconds(secondsValue[, msValue])
参数:

  • secondsValue  一个在0到59之间的整数,表示秒数

  • msValue  可选参数,一个0到999之间的数字,代表毫秒数

getUTCSeconds() 方法以世界时为标准,返回一个指定的日期对象的秒数

语法:dateObj.getUTCSeconds()
返回值:返回一个 0 到 59 的整数

    let day6 = new Date(1528959690000);
    console.log(day6.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day6.setUTCSeconds(50)); //1528959710000
    console.log(day6.getUTCSeconds()); //50

8.毫秒

setMilliseconds() 方法会根据本地时间设置一个日期对象的豪秒数

语法:dateObj.setMilliseconds(millisecondsValue)
参数:millisecondsValue  一个 0 到 999 的数字,表示豪秒数

getMilliseconds() 方法,根据本地时间,返回一个指定的日期对象的毫秒数

语法:dateObj.getMilliseconds()
返回值:方法返回一个0 到 999的整数

let date7 = new Date(1528959690000);
console.log(date7); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
console.log(date7.setMilliseconds(100)); //1528959690100
console.log(date7.getMilliseconds()); //100

setUTCMilliseconds() 方法会根据世界时来设置指定时间的毫秒数

语法:dateObj.setUTCMilliseconds(millisecondsValue)
参数:millisecondsValue  0 - 999 之间的数值,代表毫秒数

getUTCMilliseconds() 方法以世界时为标准,返回一个指定的日期对象的毫秒数

语法:dateObj.getUTCMilliseconds()
返回值:返回一个 0 到 999 的整数

    let day7 = new Date(1528959690000);
    console.log(day7.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
    console.log(day7.setUTCMilliseconds(900)); //1528959690900
    console.log(day7.getUTCMilliseconds()); //900

9.time

setTime() 方法以一个表示从1970-1-1 00:00:00 UTC计时的毫秒数为来为 Date 对象设置时间

语法:dateObj.setTime(timeValue)
参数:timeValue  一个整数,表示从1970-1-1 00:00:00 UTC开始计时的毫秒数

getTime() 方法返回一个时间的格林威治时间数值,这个方法的功能和 valueOf() 方法一样

语法:dateObj.getTime()
返回值:返回一个从1970年1月1日0时0分0秒(UTC,即协调世界时)距离该日期对象所代表时间的毫秒数

    let date8 = new Date(1528959690000);
    console.log(date8); //Thu Jun 14 2018 15:01:30 GMT+0800 (CST)
    console.log(date8.setTime(1528959690100)); //1528959690100
    console.log(date8.getTime()); //1528959690100

10.获取时间字符串

  • toDateString() 方法以美式英语和人类易读的形式返回一个日期对象日期部分的字符串

  • toTimeString() 方法以人类易读形式返回一个日期对象时间部分的字符串

  • toUTCString() 方法把一个日期转换为一个字符串,使用UTC时区

  • toISOString() 方法返回一个 ISO(ISO 8601 Extended Format)格式的字符串:
     YYYY-MM-DDTHH:mm:ss.sssZ

  • toJSON() 方法返回 Date 对象的字符串形式

  • toLocaleString() 方法返回该日期对象的字符串,该字符串格式因不同语言而不同

  • toLocaleDateString() 方法返回该日期对象日期部分的字符串,该字符串格式因不同语言而不同

  • toLocaleTimeString() 方法返回该日期对象时间部分的字符串,该字符串格式因不同语言而不同

  • valueOf() 方法返回一个 Date 对象的原始值

let day9 = new Date(1528959690000);
console.log(day9); //Thu Jun 14 2018 15:01:30 GMT+0800 (中国标准时间)
console.log(day9.toString()); //Thu Jun 14 2018 15:01:30 GMT+0800 (中国标准时间)
console.log(day9.toDateString()); //Thu Jun 14 2018
console.log(day9.toTimeString()); //15:01:30 GMT+0800 (中国标准时间)
console.log(day9.toUTCString()); //Thu, 14 Jun 2018 07:01:30 GMT
console.log(day9.toISOString()); //2018-06-14T07:01:30.000Z
console.log(day9.toJSON()); //2018-06-14T07:01:30.000Z
console.log(day9.toLocaleString()); //2018/6/14 下午3:01:30
console.log(day9.toLocaleDateString()); //2018/6/14
console.log(day9.toLocaleTimeString()); //下午3:01:30
console.log(day9.valueOf()); //1528959690000

以上がJavaScriptのDateオブジェクトを詳しく解説(例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。