一篇文章带你了解JavaScript日期

日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。

创新互联长期为千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为垦利企业提供专业的做网站、网站设计垦利网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

一、JavaScript的日期格式

一个JavaScript日期可以写为一个字符串:

 
 
 
 
  1. Thu Feb 02 2019 09:59:51 GMT+0800 (中国标准时间)

或者是一个数字:

 
 
 
 
  1. 1486000791164

写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。

1. 显示日期

使用脚本来将日期显示在一个id="demo"的

元素中:

 
 
 
 
  1.     
  2.         
  3.         项目
  4.     
  5.     
  6.         

  7.         
  8.     

在下面的教程中,你将学到更多显示日期的方法,用一种可读的格式。

2. 创建日期对象

日期对象让我们使用日期。

日期包括年、月、日、小时、分钟、秒和毫秒。

可以使用 new Date()构造函数创建日期对象。

有4种初始化日期的方法:

语法:

 
 
 
 
  1. new Date()
  2. new Date(milliseconds)
  3. new Date(dateString)
  4. new Date(year, month, day, hours, minutes, seconds, milliseconds)

使用 new Date(), 使用当前日期和时间创建新的日期对象:

 
 
 
 
  1.   
  2.   项目
  3.   

  4.   

使用 new Date(date string), 从指定的日期和时间创建新的日期对象:

 
 
 
 

有效日期字符串(日期格式)

使用 new Date(number), 创建一个新的日期对象为零时间加上数字。

零时间 是1970年1月1日00:00:00 UTC,数字以毫秒为单位指定:

 
 
 
 

代码解析:

JavaScript 日期从1970年1月1日00:00:00开始计算的毫秒数。一天包含86,400,000毫秒。

使用 new Date(7 numbers), 创建具有指定日期和时间的新日期对象:

7 numbers 指定年、月、日、小时、分钟、秒和毫秒, 按照顺序排列:

 
 
 
 

上面例子的变种让我们忽略了最后4个参数中的任意一个:

 
 
 
 

JavaScript 计数月是从0到11。一月是0。十二月是11。

二、日期的方法

当创建日期对象时,许多方法允许你在它上面操作。

日期的方法允许你获取和设置对象的年,月,日,小时,分钟,秒,毫秒,可以使用本地时间UTC(通用,或GMT)时间。

1. 显示日期

toString()方法

当你在HTML中显示一个日期对象,它会用tostring()方法,自动转换成一个字符串.

 
 
 
 
  1. 和下面的相同

toUTCString()方法

toUTCString() 方法转换日期为UTC字符串 (一个日期显示标准).

 
 
 
 

toDateString() 方法

toDateString() 方法将日期转换为更可读的格式:

 
 
 
 

日期对象是静态的。计算机时间正在滴答作响,但日期对象,一旦创建,将不会变化。

三、总结

本文主要介绍了JavaScript基础中日期的使用,通过从最基础入手,一步步的扩展,用丰富的案例帮助大家更好理解。

希望大家可以根据文章的内容,积极尝试,有时候看到别人实现起来很简单,但是到自己动手实现的时候,总会有各种各样的问题,切勿眼高手低,勤动手,才可以理解的更加深刻。

代码很简单,能够方便大家更好理解,希望对大家的学习有帮助。

文章名称:一篇文章带你了解JavaScript日期
文章路径:http://www.gawzjz.com/qtweb/news13/164363.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联