文档章节

new Date 时间赋值方式

o
 osc_wws45aot
发布于 2019/08/21 10:17
字数 1987
阅读 14
收藏 0

精选30+云产品,助力企业轻松上云!>>>

 

原文地址:http://www.likecs.com/show-55086.html 

 

处理时间是常见的需求,总结下Date类的相关知识

构建时间对象

Date 对象基于1970年1月1日(世界标准时间)起的毫秒数。

构建对象实例有多种方式:

  1. 不传入参数,默认以系统当前时间返回一个时间对象.new Date();
    new Date();
    // Wed Mar 13 2019 10:49:28 GMT+0800 (中国标准时间)

返回的是一个对象实例,控制台打印了时间字符串,是默认调用了toString()方法。

  1. 传入 自1970年1月1日00:00:00 (世界标准时间) 起经过的毫秒数.new Date(value);
    new Date(1323532800000);
    // Sun Dec 11 2011 00:00:00 GMT+0800 (中国标准时间)

    // 可以传入负数,代表1970年1月1日00:00:00之前的时间
    new Date(-10000);
    // Thu Jan 01 1970 07:59:50 GMT+0800 (中国标准时间)
  1. 传入 表示日期的字符串.new Date(dateString);
    new Date('2011-11-11')
    new Date('2011/11/11')
    new Date('11/11/2011')
    // Fri Nov 11 2011 00:00:00 GMT+0800 (中国标准时间)

    new Date('Sun Dec 11 2011 00:00:00')
    // Sun Dec 11 2011 00:00:00 GMT+0800 (中国标准时间)  注意这里是12月份了,11代表的12月

    new Date('2011-11-11 11:11:11')
    new Date('2011-11-11T11:11:11')
    // Fri Nov 11 2011 11:11:11 GMT+0800 (中国标准时间)

    new Date('aa')
    // Invalid Date

只要能被[Date.parse()](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/parse)解析的字符串,都可以作为参数传入。

  1. 传入 年月日等多个整数参数. new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);
    new Date(2011,11,11,11,11,11,111)
    // Sun Dec 11 2011 11:11:11 GMT+0800 (中国标准时间)
    new Date(2011,11)
    // Thu Dec 01 2011 00:00:00 GMT+0800 (中国标准时间)
   
    new Date(2011)
    // Thu Jan 01 1970 08:00:02 GMT+0800 (中国标准时间)  只传入一个整数参数,会被当做毫秒数解析

    new Date('2011',11,11) 
    //Sun Dec 11 2011 00:00:00 GMT+0800 (中国标准时间)  传入的参数会进行转换
    new Date('2011.11',11,11)
    //Sun Dec 11 2011 00:00:00 GMT+0800 (中国标准时间)

    new Date('a',11,11)
    // Invalid Date  无法转换成数字的参数

这种方式至少需要传入两个整数参数标志年、月,只传入一个参数会当做毫秒数进行构建;传入的参数会自动转换成数字,所以例子中传入数字字符串也是可以创建成功的。

如果Date()直接当作函数调用,不过有没有传入参数,都会返回当前时间的时间字符串

Date()
// "Wed Mar 13 2019 20:22:42 GMT+0800 (中国标准时间)"
Date(2011,11)
// "Wed Mar 13 2019 20:22:47 GMT+0800 (中国标准时间)"

自动折算

时间的参数都是有范围的:

  • 年 使用四位数年份,比如2000。如果写成两位数或个位数,则加上1900,即10代表1910年。如果是负数,表示公元前
  • 月份的范围是0~11 (0是一月份,11是12月份)
  • 天数的范围是1~31
  • 小时的范围是0~23
  • 分钟的范围是0~59
  • 秒数的范围是0~59
  • 毫秒的范围是0~999

如果创建时间对象的时候,传入的参数超出了实际范围会怎样呢?

    new Date(2010,12,11)
    // Tue Jan 11 2011 00:00:00 GMT+0800 (中国标准时间)  月的参数12超出了范围,年份多了一年,然后月份变成了1月份(对应参数0)
    new Date(2010,11,0)
    // Tue Nov 30 2010 00:00:00 GMT+0800 (中国标准时间)  天的参数0不在范围内,所以月份变成了11(对应参数10),然后天变成了30
    new Date(2010,11,11,25)
    // Sun Dec 12 2010 01:00:00 GMT+0800 (中国标准时间)  小时的参数25超出了范围,天数变成了12,然后小时变成了1

当传入的参数超出了实际范围,会自动折算成合理的范围 , 相邻的数值也会进行调整。

利用这个特性可以做很多的事情,比如,你想获取2012年2月有共有多少天,可以这样处理。

    new Date(2012,2,0).getDate()
    // 29  -- 三月(对应2)没有0天,所以折算到二月(对应1)的最后一天,这时取得getDate()即是该月的天数

类型转换

如果+ 或者 == 运算符其中一个操作数是对象时,需要先把对象转化成原始值。其他的对象都会先调用valueOf() 方法,而时间对象类型会先调用toString()

1 + new Date()
// "1Thu Mar 14 2019 13:51:46 GMT+0800 (中国标准时间)"

new Date(2011,11,11).getTime() == new Date(2011,11,11)
// false 后面的Date对象,调用了toString()
new Date(2011,11,11).getTime() == +new Date(2011,11,11)
// true 此时隐式转换期待转换为数字,调用了valueOf()

其他期待转换为数字的场景,也是正常先调用valueOf()

时间戳

时间对象在传递过程中,一般会转换为时间戳,有多种实现方式

new Date(2011,11,11).valueOf()
// 1323532800000
new Date(2011,11,11).getTime()
// 1323532800000
+new Date(2011,11,11)
// 1323532800000

Date.now()
// 1552543813256  当前时间距离时间零点(1970年1月1日 00:00:00 UTC)的毫秒数

注意以上都是毫秒,如果要转成UNIX时间戳(从1970年1月1日(UTC/GMT的午夜)开始所经过的秒数),可以用以下方法

Math.round(ms/1000)

原生方法

Date对象提供了多种方法来获取/设置时间数据

  1. 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 的时区差异,以分钟表示,返回结果考虑到了夏令时因素。

还提供了这些方法对应的 UTC 版本,用来返回 UTC 时间。

  • getUTCDate()
  • getUTCFullYear()
  • getUTCMonth()
  • getUTCDay()
  • getUTCHours()
  • getUTCMinutes()
  • getUTCSeconds()
  • getUTCMilliseconds()
new Date(2011,11,11,11,11,11,111).getHours()
// 11
new Date(2011,11,11,11,11,11,111).getUTCHours()
// 3 可见UTC时间比北京时间晚8个小时,也就是下面的时区差异 -480分钟
new Date(2011,11,11,11,11,11,111).getTimezoneOffset()
// -480
  1. 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):设置毫秒时间戳。

这些方法基本是跟get方法一一对应的,但是没有setDay方法,因为星期几是计算出来的,而不是设置的
set
系列方法除了setTime(),都有对应的 UTC 版本,即设置 UTC 时区的时间。

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

设置时间的方法,配合自动折算,可以很便捷的得到相对时间

let now = new Date();

// 99天之后的时间
now.setDate(now.getDate() + 99)

// 10小时之前
now.setHours(now.getHours() - 10)
  1. date对象提供一系列to* ,用来将时间对象转换为字符串
  • toString() 返回一个完整的日期字符串。
  • toDateString() 返回年月日的字符串
  • toTimeString() 返回时间字符串,不包含年月日

也有对应的 UTC 版本 和 local版本

  • toUTCString() 返回对应的 UTC 时间,也就是比北京时间晚8个小时。
  • toLocaleString() 返回完整的本地时间。
let now = new Date()
undefined
now.toString()
// "Thu Mar 14 2019 14:32:18 GMT+0800 (中国标准时间)"
now.toUTCString()
// "Thu, 14 Mar 2019 06:32:18 GMT"    UTC时间比北京时间晚8个小时
now.toLocaleString()
// "2019/3/14 下午2:32:18"
上一篇: celery报错笔记
下一篇: vue指令
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
IOS:Safari不兼容Javascript中的Date问题

在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的......

若沙
2016/12/13
315
0
layui时间控件选择时间范围

解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择 共有两种解决方式: 方式一(layui 1.x): html代码: <div class="layui-inline"> <div class="layui-input-inline"> <i......

osc_51w4wn2j
2019/01/30
3
0
Java时区转换及时间格式

原文:http://cwind.iteye.com/blog/1908589 本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用,以及不同时区时间相互转化的方法和原理。 问题描述: 向处于不同时区的服务器...

天涯爪哇岛
2018/09/01
0
0
Flex与.NET进行Remoting数据交换时注意的三个问题。

环境:客户端 Flex Builder 4 服务端 FluorineFx配置的.NET服务 采用AMF3进行remoting交互 对象:Flex 客户端定义的实体 package VO { [RemoteClass(alias="ServiceLibrary.UserInfo")] publ......

听棠.NET
2009/11/05
0
0
vue+elementui时间验证问题处理

问题描述 + 使用标签时,有时间校验规则,如果添加时间,没问题,但是编辑时,不重新选择的话,会报错 代码展示 报错现象 + 如果是第一种方式,那么会直接报错:vaule.getTime is not a func...

YXMBetter
2018/05/04
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

百度技术沙龙第67期 百度开源专场

本文作者:HelloDeveloper 具体的产品案例,分享百度开源技术最新实践经验。目前这些项目都已经在 github/baidu 上开源。 什么是 PaddlePaddle 深度学习平台? 首先做个简单的介绍,PaddleP...

百度开发者中心
2019/07/23
0
0
Hacker News 简讯 2020-07-10

更新时间: 2020-07-10 01:15 US Supreme Court deems half of Oklahoma a Native American Reservation - (reuters.com) 美国最高法院认为俄克拉荷马州的一半是印第安人保留地 得分:131 | 评...

FalconChen
今天
26
0
OSChina 周五乱弹 —— 求求你吃了我吧,不要再玩弄食物的感情了

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @巴拉迪维 :张喆的单曲《陷阱 》 这首歌已经在网易找不到原唱了,不知道被哪家买了版权。#今日歌曲推荐# 《陷阱 》- 张喆 手机党少年们想听歌...

小小编辑
今天
26
1
清华陈文光教授:AI 超算基准测试的最新探索和实践。

道翰天琼认知智能平台为您揭秘新一代人工智能。 无规矩不成方圆。放在超级计算机的研发领域,没有一个大家普遍接受的算力评测指标,便难以推动超算迅猛发展。 而现在伴随着人工智能的发展,大...

jackli2020
今天
7
0
@RequestMapping, consumes 提交简单有意思的测试

getParm @GetMapping("getParm")public Result getParm(String id){ System.out.println(); return ResultFactory.success(id);} 等同于 == bodyParm @PostMapping("bodyParm......

莫库什勒
今天
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部