个人中心
gpt4 book ai didi

一篇文章带你了解JavaScript日期

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章一篇文章带你了解JavaScript日期由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

一篇文章带你了解JavaScript日期

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

1、JavaScript的日期格式

  。

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

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

或者是一个数字

  1. 1486000791164 

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

1. 显示日期

  。

使用脚本来将日期显示在一个id="demo"的<p>元素中:

  1. <!DOCTYPE html> 
  2. <html lang="en"> 
  3.  
  4.     <head> 
  5.         <meta charset="UTF-8"> 
  6.         <title>项目</title> 
  7.     </head> 
  8.  
  9.     <body style="background-color: aquamarine;"> 
  10.  
  11.         <p id="demo"></p> 
  12.  
  13.         <script> 
  14.             document.getElementById("demo").innerHTML = Date(); 
  15. </script> 
  16.  
  17.     </body> 
  18.  
  19. </html> 

一篇文章带你了解JavaScript日期

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

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. <!DOCTYPE html> 
  2. <html lang="en"> 
  3. <head> 
  4.   <meta charset="UTF-8"> 
  5.   <title>项目</title> 
  6. </head> 
  7. <body> 
  8.  
  9.   <p id="demo"></p> 
  10.  
  11.   <script> 
  12.     var d = new Date(); 
  13.     document.getElementById("demo").innerHTML = d; 
  14. </script> 
  15.  
  16. </body> 
  17. </html> 

一篇文章带你了解JavaScript日期

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

  1. <script> 
  2. var d = new Date("October 13, 2014 11:13:00"); 
  3. document.getElementById("demo").innerHTML = d; 
  4. </script> 

一篇文章带你了解JavaScript日期

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

  。

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

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

  1. <script> 
  2. var d = new Date(86400000); 
  3. document.getElementById("demo").innerHTML = d; 
  4. </script> 

一篇文章带你了解JavaScript日期

代码解析

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

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

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

  1. <script> 
  2. var d = new Date(99, 5, 24, 11, 33, 30, 0); 
  3. document.getElementById("demo").innerHTML = d; 
  4. </script> 

  。

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

  1. <script> 
  2. var d = new Date(99, 5, 24); 
  3. document.getElementById("demo").innerHTML = d; 
  4. </script> 

一篇文章带你了解JavaScript日期

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

2、日期的方法

  。

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

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

1. 显示日期 。

toString()方法 。

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

  1. <p id="demo"></p> 
  2.  
  3. <script> 
  4. d = new Date(); 
  5. document.getElementById("demo").innerHTML = d; 
  6. </script> 
  7. 和下面的相同 
  8. <p id="demo"></p> 
  9.  
  10. <script> 
  11. d = new Date(); 
  12. document.getElementById("demo").innerHTML = d.toString(); 
  13. </script> 

一篇文章带你了解JavaScript日期

toUTCString()方法 。

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

  1. <script> 
  2. d = new Date(); 
  3. document.getElementById("demo").innerHTML = d.toString(); 
  4. </script> 

一篇文章带你了解JavaScript日期

toDateString() 方法 。

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

  1. <script> 
  2. var d = new Date(); 
  3. document.getElementById("demo").innerHTML = d.toDateString(); 
  4. </script> 

一篇文章带你了解JavaScript日期

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

3、总结

  。

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

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

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

原文链接：https://mp.weixin.qq.com/s/mTLfrqjP1tP0FmDP10BlQQ 。

最后此篇关于一篇文章带你了解JavaScript日期的文章就讲到这里了,如果你想了解更多关于一篇文章带你了解JavaScript日期的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： 通过Tomcat开启JMX监控的方法图解
文章推荐： 很酷又超级帅的男生真人头像 明明很不开心却要佯装镇定
文章推荐： 清纯女孩子好看的绝美女生头像合集 我喜欢老歌老朋友和不变的爱人
文章推荐： IT人员如何突破技术发展瓶颈期？
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com