资讯专栏INFORMATION COLUMN

Date对象

supernavy / 839人阅读

摘要:普通函数的用法不管有无参数,返回当前时间字符串构造函数的用法日期的运算静态方法实例方法类方法类方法类方法参考链接构造函数的用法作为构造函数时,对象可以接受多种格式的参数,返回一个该参数对应的时间实例。

Date 对象

Date对象是 JavaScript 原生的时间库。它以国际标准时间(UTC)1970年1月1日00:00:00作为时间的零点,可以表示的时间范围是前后各1亿天(单位为毫秒)。

普通函数的用法Date(不管有无参数,返回当前时间字符串)
Date(2000, 1, 1)
// "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)
构造函数的用法
日期的运算
静态方法
Date.now()
Date.parse()
Date.UTC()
实例方法
Date.prototype.valueOf()
to 类方法
get 类方法
set 类方法
参考链接

1.构造函数的用法
作为构造函数时,Date对象可以接受多种格式的参数,返回一个该参数对应的时间实例。

var today = new Date();
Date实例有一个独特的地方。其他对象求值的时候,都是默认调用.valueOf()方法,但是Date实例求值的时候,默认调用的是toString()方法。这导致对Date实例求值,返回的是一个字符串,代表该实例对应的时间。

1.1参数
(1)参数为时间零点开始计算的毫秒数(正负都可)
(2)(多个整数 至少两个年,月,日,时,分,秒,毫秒)
月0-11 可正负的日期进退位 日期为0则为上个月最后一天
(3)只要是能被Date.parse()方法解析的字符串,都可以当作参数。

new Date("2013-2-15")
new Date("2013/2/15")
new Date("02/15/2013")
new Date("2013-FEB-15")
new Date("FEB, 15, 2013")
new Date("FEB 15, 2013")
new Date("February, 15, 2013")
new Date("February 15, 2013")
new Date("15 Feb 2013")
new Date("15, February, 2013")
// Fri Feb 15 2013 00:00:00 GMT+0800 (CST
2.日期的运算
减 毫秒
加 字符串
var d1 = new Date(2000, 2, 1);
var d2 = new Date(2000, 3, 1);

d2 - d1
// 2678400000
d2 + d1
// "Sat Apr 01 2000 00:00:00 GMT+0800 (CST)Wed Mar 01 2000 00:00:00 GMT+0800 (CST)
3.静态方法(都返回毫秒)
3.1Date.now()毫秒
3.2Date.parse()

Date.parse方法用来解析日期字符串,返回该时间距离时间零点(1970年1月1日 00:00:00)的毫秒数。
rse("Aug 9, 1995")
Date.parse("January 26, 2011 13:51:50")
Date.parse("Mon, 25 Dec 1995 13:30:00 GMT")
Date.parse("Mon, 25 Dec 1995 13:30:00 +0430")
Date.parse("2011-10-10")
Date.parse("2011-10-10T14:48:00")
上面的日期字符串都可以解析。

如果解析失败,返回NaN。

Date.parse("xxx") // NaN
3.3Date.UTC()
Date.UTC方法接受年、月、日等变量作为参数,返回该时间距离时间零点(1970年1月1日 00:00:00 UTC)的毫秒数。

// 格式
Date.UTC(year, month[, date[, hrs[, min[, sec[, ms]]]]])

// 用法
Date.UTC(2011, 0, 1, 2, 3, 4, 567)
// 1293847384567

Date.UTC方法的参数,会被解释为 UTC 时间(世界标准时间),Date构造函数的参数会被解释为当前时区的时间

4实例方法
除了valueOf和toString,可以分为以下三类。

to类:从Date对象返回一个字符串,表示指定的时间。
get类:获取Date对象的日期和时间。
set类:设置Date对象的日期和时间。

4.1Date.prototype.valueOf()
var d = new Date();

d.valueOf() // 1362790014817
d.getTime() // 136270014817
4.2to 类方法(格式化日期)
4.2.1tostring
4.2.2Date.prototype.toUTCString()

toUTCString方法返回对应的 UTC 时间,也就是比北京时间晚8个小时。
4.2.3Date.prototype.toISOString()

toISOString方法返回对应时间的 ISO8601 写法
var d = new Date(2013, 0, 1);

d.toISOString()
// "2012-12-31T16:00:00.000Z"
4.2.4toJSON方法返回一个符合 JSON 格式的 ISO 日期字符串,与toISOString方法的返回结果完全相同。

var d = new Date(2013, 0, 1);

d.toJSON()
// "2012-12-31T16:00:00.000Z"
(5)Date.prototype.toDateString()

toDateString方法返回日期字符串(不含小时、分和秒)。

var d = new Date(2013, 0, 1);
d.toDateString() // "Tue Jan 01 2013"
(6)Date.prototype.toTimeString()

toTimeString方法返回时间字符串(不含年月日)。

var d = new Date(2013, 0, 1);
d.toTimeString() // "00:00:00 GMT+0800

(7)本地时间

以下三种方法,可以将 Date 实例转为表示本地时间的字符串。

Date.prototype.toLocaleString():完整的本地时间。
Date.prototype.toLocaleDateString():本地日期(不含小时、分和秒)。
Date.prototype.toLocaleTimeString():本地时间(不含年月日)。

这三个方法都有两个可选的参数。

dateObj.toLocaleString([locales[, options]])
dateObj.toLocaleDateString([locales[, options]])
dateObj.toLocaleTimeString([locales[, options]])

var d = new Date(2013, 0, 1);

d.toLocaleString("en-US") // "1/1/2013, 12:00:00 AM"
d.toLocaleString("zh-CN") // "2013/1/1 上午12:00:00"

var d = new Date(2013, 0, 1);

// 时间格式
// 下面的设置是,星期和月份为完整文字,年份和日期为数字
d.toLocaleDateString("en-US", {
weekday: "long",
year: "numeric",
month: "long",
day: "numeric"
})
// "Tuesday, January 1, 2013"

// 指定时区
d.toLocaleTimeString("en-US", {
timeZone: "UTC",
timeZoneName: "short"
})
// "4:00:00 PM UTC"
4.3get 类方法
Date对象提供了一系列get*方法,用来获取实例对象某个方面的值。

getTime():返回实例距离1970年1月1日00:00:00的毫秒数,等同于valueOf方法。
getDate():返回实例对象对应每个月的几号(从1开始)。
getDay():返回星期几,星期日为0,星期一为1,以此类推。
getFullYear():返回四位的年份。
getMonth():返回月份(0表示1月,11表示12月)。
getHours():返回小时(0-23)。
getMilliseconds():返回毫秒(0-999)。
getMinutes():返回分钟(0-59)。
getSeconds():返回秒(0-59)。
getTimezoneOffset():返回当前时间与 UTC 的时区差异,以分钟表示,返回结果考虑到了夏令时因素。

上面这些get*方法返回的都是当前时区的时间,Date对象还提供了这些方法对应的 UTC 版本,用来返回 UTC 时间。

getUTCDate()
getUTCFullYear()
getUTCMonth()
getUTCDay()
getUTCHours()
getUTCMinutes()
getUTCSeconds()
getUTCMilliseconds()

4.4set 类方法

Date对象提供了一系列set*方法,用来设置实例对象的各个方面。

setDate(date):设置实例对象对应的每个月的几号(1-31),返回改变后毫秒时间戳。
setFullYear(year [, month, date]):设置四位年份。
setHours(hour [, min, sec, ms]):设置小时(0-23)。
setMilliseconds():设置毫秒(0-999)。
setMinutes(min [, sec, ms]):设置分钟(0-59)。
setMonth(month [, date]):设置月份(0-11)。
setSeconds(sec [, ms]):设置秒(0-59)。
setTime(milliseconds):设置毫秒时间戳。

没有setDay方法,因为星期几是计算出来的,而不是设置

set类方法和get类方法,可以结合使用,得到相对时间。

var d = new Date();

// 将日期向后推1000天
d.setDate(d.getDate() + 1000);
// 将时间设为6小时后
d.setHours(d.getHours() + 6);
// 将年份设为去年
d.setFullYear(d.getFullYear() - 1);

set*系列方法除了setTime(),都有对应的 UTC 版本,即设置 UTC 时区的时间。

setUTCDate()
setUTCFullYear()
setUTCHours()
setUTCMilliseconds()
setUTCMinutes()
setUTCMonth()
setUTCSeconds()

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105924.html

相关文章

  • 时间格式化及操作(js原生date对象

    摘要:设置对象中月份。设置对象中的年份四位数字。中国标准时间把对象的日期部分转换为字符串。例例中国标准时间返回年月日午夜到指定日期字符串的毫秒数。 # Date new Date(); //获取当前时间:Tue Jul 31 2018 18:21:22 GMT+0800 (中国标准时间) Date.now(); ...

    马永翠 评论0 收藏0
  • JS对象 - Date属性方法汇总

    摘要:最初计算机操作系统是位,而时间也是用位表示,能表示的最长时间范围为年,超出时间范围会发生时间回归的现象。方法通常由在后台自动调用,并不显式地出现在代码中返回的毫秒表示。返回值和方法返回的值相等 属性名 描述 prototype 为对象添加属性、方法 constructor 返回对象的引用 方法名 返回值 Date() 当前日期和时间 getDate()...

    ityouknow 评论0 收藏0
  • JavaScript中Date学习记录_013

    摘要:中对象学习记录实例用来处理日期和时间。的对象提供了数个时间的方法,也相应提供了当地时间的方法。而当地时间则是指执行的客户端电脑所设置的时间。构造函数中国标准时间代表自年月日世界标准时间起经过的毫秒数。中国标准时间表示日期的字符串值。 JavaScript中Date对象学习记录 Date 实例用来处理日期和时间。Date对象基于1970年1月1日(世界标准时间)起的毫秒数。 JavaSc...

    hersion 评论0 收藏0
  • Javascript系列之Date对象

    摘要:返回对象的月份值。设置对象的秒数值。日期转字符串中国标准时间下午返回客户端当地时间格式中国标准时间下午其他方法返回的毫秒表示返回对象与之间的毫秒值北京时间的时区为东区,起点时间实际为时间实例可互相比较,实际比较的则是毫秒数 创建Date对象 Date 对象会自动把当前日期和时间保存为其初始值。 var myDate = new Date(); //返回当前时间字符串 // Sun J...

    maybe_009 评论0 收藏0
  • JS基础篇--日期Date详解与实例扩展

    摘要:实际上,如果直接将表示日期的字符串传递给构造函数,也会在后台调用方法,例如下面的代码跟前面的是等价的。构造函数构造函数会模仿但有一点不同的是,日期和时间都是基于本地时区而非来创建。兼容性问题啊其原因就是非标准日期格式。 一:Date类型介绍 要创建一个日期对象,使用new操作符和Date构造函数即可: var now = new Date(); Date.parse()方法 其中Da...

    Apollo 评论0 收藏0
  • JavaScript 时间与日期处理实战:你肯定被坑过

    摘要:本文时间与日期处理实战你肯定被坑过从属于笔者的前端入门与最佳实践中入门与最佳实践系列文章。然而由于地球的不规则自转,导致时间有误差,因此目前已不被当作标准时间使用。而在航空上,所有使用的时间划一规定是协调世界时。 本部分的知识图谱请参考编程语言知识图谱-时间与日期。showImg(https://segmentfault.com/img/remote/1460000007581725...

    ninefive 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<