1分钟回顾经典日期操作

  页面处理中，常伴有日期的显示，那关于日期的常用操作，都有哪些方法呢？ 一起来回顾一下。
 

# 获取当前时间

1. 获取系统当前时间（初始化不传参数默认为当前时间）

var day1 = new Date()
// Tue Feb 27 2018 11:30:14 GMT+0800 (CST)

  > 要点先提：获取当前年月日

var day = d.toLocaleDateString()
// 2/27/2018

2. 获取当前时间毫秒数

  Date.now()：Date是window的一个对象

var t = Date.now()
// 1519712298393

  Date.getTime()：　注意与上者的使用区别

var d = new Date().getTime()
// 1519712664286

 

# 日期的设置

1. 标准格式

var day2 = new Date(Date.parse('Jan 01,2017'))
// Mon Jan 02 2017 00:00:00 GMT+0800 (CST)

2. Date.parse: 年/月/日、月/日/年、年 月 日

var d = new Date(Date.parse('01/02/2017'))
// Mon Jan 02 2017 00:00:00 GMT+0800 (CST)

3. String形式: 年/月/日、月/日/年、年 月 日

var day2 = new Date('2017/01/02')
// Mon Jan 02 2017 00:00:00 GMT+0800 (CST)
var d = new Date('2013 02 01')

4. Date.UTC(): 月份从0开始，即自动加1

var d = new Date(Date.UTC(2017,1,2))
// Thu Feb 02 2017 08:00:00 GMT+0800 (CST)

5. 全时间设置： 年/月/日/时/分/秒

var full_time = new Date(Date.UTC(2017,01,02,08,30,10,125))
// Thu Feb 02 2017 16:30:10 GMT+0800 (CST)

6. 也可省略UTC，直接填写日期

var full_time = new Date(2017,01,02,08,30,10,125)
// Thu Feb 02 2017 16:30:10 GMT+0800 (CST)

 

# getDate() 和 setDate()

1. 设置日期setDate()。参数可以为数字 1 或字符串 '1'

var d = new Date()
// Tue Feb 27 2018 14:30:18 GMT+0800 (CST)
d.setFullYear(2017)   // 注意d.setFullYear(2017) 返回设置后的时间毫秒数，下同
// Mon Feb 27 2017 14:30:18 GMT+0800 (CST)
d.setMonth(0)  // 从0开始
// Mon Jan 27 2017 14:30:18 GMT+0800 (CST)
d.setDate(12)
// Wed Apr 12 2017 14:30:18 GMT+0800 (CST)
d.setHours(13)  // 24小时制
d.setMinutes(10) // 小时，分钟，秒，毫秒都是带s的
d.setSeconds(5) 
d.setMilliseconds(22)
// Wed Apr 12 2017 13:10:05 GMT+0800 (CST)

【注意】没有 setDay() 设置 星期几 这个方法。但getDay() 有。

  getDate() 和 setDate() 除此之外基本相同，不赘述。
 

# 日期格式化方法

1. 获取英文格式日期

var x = new Date().toDateString()
// Tue Feb 27 2018

2. 获取中文格式日期 和 时间

var x = new Date().toLocaleString()
// 2/27/2018, 2:48:01 PM
var y = new Date().toLocaleDateString()
// 2/27/2018
var z = new Date().toLocaleTimeString()
// 2:48:01 PM

3. 获取 UTC 时间

var t = new Date().toUTCString()
// Tue, 27 Feb 2018 06:48:01 GMT

补充，如果是UTC时间，显示GMT，如果是北京时间，显示GMT+0800(CST)
 

# 谷歌控制台方法

 

# 后语

  关于日期操作以上这些基本已经够用，如果开发过程中遇到了比较偏的方法，推荐大家去谷歌浏览器控制台自行加以了解利用。欢迎大家来交流