js 当前日期_从零开始学前端 14. JS时间Date常用方法属性

每篇文章纯属个人经验观点,如有错误疏漏欢迎指正

01

JS时间

   JS 的时间是根据用户客户端的本地时间来获取的。也就是说,我们更改本地计算机的时间,会直接影响到 JS 获取的时间。  Date 对象看似用途十分钟广泛,但因为它获取的是用户的本地时间,所以实际开发中很少使用,一般都会以服务器时间为准。所以我们记住一些比较重要的方法即可。  想要创建 Date 对象,必须使用关键字 new,这是因为 Date 对象的原型是一个构造函数。  创建的时候根据参数的不同分以下几种情况:

  • 无参数:获取标准格式的本机时间。

var d = new Date()   // Tue Jun 09 2020 11:03:21 GMT+0800 (中国标准时间)
  • 一个参数:传入标准时间格式。

var d = new Date("Thu Jul 09 2020 00:00:00 GMT+0800")  // Thu Jul 09 2020 00:00:00 GMT+0800 (中国标准时间)
  • 多个参数:按照 年、月、日、时、分、秒的顺序设置时间。

var d = new Date(2020,6,9,21,38,0)        // Thu Jul 09 2020 21:38:00 GMT+0800 (中国标准时间)

02

JS获取时间

  所有的方法分为 get 和 set 两种,使用 getXXX() 获取时间,使用 setXXX() 设置时间。
  我们常用的是 GMT 标准,即格林尼治标准时间,下方的方法都是以 GMT 标准来获取的时间。如果我们工作中做的是跨国的项目,一般都会使用 getUTCXXX()来获取世界时间。
  GMT = 格林尼治标准时间
  UTC = 世界时间
  我们都知道北京在东八区,而我国是以北京时间为全国的标准时间。北京位于东八区中线120°的位置,将纬度差换算成时间为(120 / 15) 8 小时,也就是说,我们获取到的时间,与时间时间相差了八个小时。

1. Date().getFullYear() 获取年份

语法:Date().getDay()作用:获取当前年份。
实例:

var year = new Date().getFullYear();     // 2020

2. Date().getMonth() 获取月份

 语法:Date().getMonth() 作用:获取当前月份。
 实例:

var month = new Date().getMonth() + 1;     // 6
  • 返回值是 0 - 11 ,0 代表一月,所以获取当前月份需要加一。

3. Date().getDate() 获取日期

语法:Date().getDate()作用:获取当前月份的某一天。
实例:

var day = new Date().getDate();     // 9

4. Date().getDay() 获取星期

语法:Date().getDay()作用:获取当前是星期几。
实例:

var week = new Date().getDay();     // 1
  • 返回值是 0 - 6 ,0 代表周日。

5. Date().getHours() 获取小时

语法:Date().getDay()作用:获取当前的小时。
实例:

var hour = new Date().getHours();
  • 返回值是 0 - 23 ;

6. Date().getMinutes() 获取分钟

语法:Date().getMinutes()作用:获取当前的分钟。
实例:

var minute = new Date().getMinutes();
  • 返回值是 0 - 59 ;

7. Date().getSeconds() 获取秒数

语法:Date().getSeconds()作用:获取当前的秒数。
实例:

var second = new Date().getSeconds();
  • 返回值是 0 - 59 ;

8. Date().getMilliseconds() 获取毫秒数

语法:Date().getSeconds()作用:获取当前的毫秒数。
实例:

var second = new Date().getSeconds();
  • 返回值是 0 - 999 ;

9. Date().getTime() 获取时间戳

语法:Date().getTime()作用:获取当前的时间戳。
实例:

var second = new Date().getSeconds();
  • 时间戳是指格林威治时间1970年01月01日00时00分00秒起至当下的总秒数。

03

JS设置时间

1. Date().setFullYear() 设置年份或日期

语法:Date().setFullYear(Y,M,D)作用:设置 Date 对象的年月日。
实例:

var d1 = new Date();var d2 = new Date();d1.setFullYear(2000);d2.setFullYear(2010,01,01);console.log(d1.getFullYear());      // 2000console.log(d2.getFullYear());      // 2010console.log(d2.getMonth());         // 0console.log(d2.getDate());          // 1
  • Y 必需。表示年份的四位整数。用本地时间表示。

  • M 可选。表示月份的数值,介于 0 ~ 11 之间。用本地时间表示。

  • D 可选。表示月中某一天的数值,介于 1 ~ 31 之间。用本地时间表示。

2. Date().setHours() 设置小时或时间

语法:Date().setHours(h,m,s,ms)作用:设置 Date 对象的时分秒。
实例:

vard1 = new Date();d1.setFullYear(2000);var d2 = new Date();d2.setFullYear(2010,01,01,111);console.log(d1.getFullYear());      // 2000console.log(d2.getFullYear());      // 2010console.log(d2.getMonth());         // 0console.log(d2.getDate());          // 1
  • h 必需。表示小时的数值,介于 0(午夜) ~ 23(晚上11点) 之间,以本地时间计(下同)。

  • n 可选。表示分钟的数值,介于 0 ~ 59 之间。在 EMCAScript 标准化之前,不支持该参数。

  • s 可选。表示秒的数值,介于 0 ~ 59 之间。在 EMCAScript 标准化之前,不支持该参数。

  • ms 可选。表示毫秒的数值,介于 0 ~ 999之间。在 EMCAScript 标准化之前,不支持该参数。

    更多方法请:点击这里查看。

    以上为 Date 的常用方法,不需要全部记住,用到的时候回来翻翻即可。


      种一棵树,最好的时间是十年前,其次是现在。人的一生,总的来说就是不断学习的一生。

蚕吐丝,蜂酿蜜。人不学,不如物。纠结学不学,学了有没有用,不如学了再说。

等你学会了之后,你才拥有资格说“啊,这个东西学了没用。”


每篇文章纯属个人经验观点,如有错误疏漏欢迎指正。转载请附带作者信息及出处。您的评论和关注是我更新的动力!

点击查看原文跳转到 博客    点下再看,少个BUG bc14335eae96f945de7a8cb80f1ef518.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值