文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

一篇文章带你了解JavaScript日期

2024-12-03 03:43

关注

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

一、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. "en"
  3.  
  4.      
  5.         "UTF-8"
  6.         项目 
  7.      
  8.  
  9.     "background-color: aquamarine;"
  10.  
  11.         "demo">

     
  12.  
  13.          
  14.  
  15.      
  16.  
  17.  

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

2. 创建日期对象

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

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

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

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

语法:

  1. new Date() 
  2. new Date(milliseconds) 
  3. new Date(dateString) 
  4. new Date(yearmonthday, hours, minutes, seconds, milliseconds) 

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

  1.  
  2. "en"
  3.  
  4.   "UTF-8"
  5.   项目 
  6.  
  7.  
  8.  
  9.   "demo">

     
  10.  
  11.    
  12.  
  13.  
  14.  

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

  1.  

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

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

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

  1.  

代码解析:

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

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

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

  1.  

 

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

  1.  

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

二、日期的方法

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

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

1. 显示日期

toString()方法

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

  1. "demo">

     
  2.  
  3.  
  4. 和下面的相同 
  5. "demo">

     
  6.  
  7.  

toUTCString()方法

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

  1.  

toDateString() 方法

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

  1.  

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

三、总结

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

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

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

 

来源:前端进阶学习交流内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯