1分钟回顾经典日期操作

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

# 获取当前时间

  1. 获取系统当前时间(初始化不传参数默认为当前时间)
var day1 = new Date()
// Tue Feb 27 2018 11:30:14 GMT+0800 (CST)

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

var day = d.toLocaleDateString()
// 2/27/2018
  1. 获取当前时间毫秒数

  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)
  1. Date.parse: 年/月/日月/日/年年 月 日
var d = new Date(Date.parse('01/02/2017'))
// Mon Jan 02 2017 00:00:00 GMT+0800 (CST)
  1. 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')
  1. Date.UTC(): 月份从0开始,即自动加1
var d = new Date(Date.UTC(2017,1,2))
// Thu Feb 02 2017 08:00:00 GMT+0800 (CST)
  1. 全时间设置: 年/月/日/时/分/秒
var full_time = new Date(Date.UTC(2017,01,02,08,30,10,125))
// Thu Feb 02 2017 16:30:10 GMT+0800 (CST)
  1. 也可省略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
  1. 获取中文格式日期 和 时间
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
  1. 获取 UTC 时间
var t = new Date().toUTCString()
// Tue, 27 Feb 2018 06:48:01 GMT

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

# 谷歌控制台方法


 

# 后语

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

你可能感兴趣的:(1分钟回顾经典日期操作)