千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 如何在JavaScript中获取当前日期

如何在JavaScript中获取当前日期

来源:千锋教育
发布人:wjy
时间: 2022-04-21 13:29:24 1650518964

  通常我们在创建应用程序时都会携带日期时间组件,如何在JavaScript中获取当前日期就是一个我们必然面临的问题,本篇内容将为你详细展示如何获取当前日期,步骤较多,希望大家认真观看并自行尝试。

    1、JavaScript的Date对象

  JavaScript里具有一个内置Date对象,该对象可以存储日期和时间并提供处理日期和时间的方法。要建立Date对象的新项目,要使用new关键字:

如何在JavaScript中获取当前日期1

  该Date对象包含一个Number,表示从新纪元(即1970年1月1日)起经过的毫秒数。你可以将日期字符串传递给Date构造函数以创建指定日期的对象:

如何在JavaScript中获取当前日期2

  要获取当前年份,可以使用对象的getFullYear()方法。getFullYear()方法在Date构造函数中返回指定日期的年份:

如何在JavaScript中获取当前日期3

  同样,有一些方法可以获取当月的当前日期和当前的月份:

如何在JavaScript中获取当前日期4

  该getDate()方法返回每月的当前日期(1-31)。使用getMonth()方法返回指定日期的月份,需要注意的一点是,该方法返回0索引值(0-11),其中0表示一月,11表示十二月。因此,加1可以使月份的值标准化。

  2、Date now

  now()是Date对象的静态方法。它以毫秒为单位的值返回,该值表示从纪元以来所经过的时间。你可以将now()方法返回的毫秒数传递给Date构造函数以实例化新Date对象:

如何在JavaScript中获取当前日期5

  3、格式化日期

  你可以使用Date对象的方法将日期格式化为多种格式(GMT,ISO等)。该toDateString()方法以可读的格式返回日期:

如何在JavaScript中获取当前日期6

  toISOString()返回遵循ISO 8601扩展格式的日期:

如何在JavaScript中获取当前日期7

  toUTCString()以UTC时区格式返回日期:

如何在JavaScript中获取当前日期8

  toLocaleDateString()以地区区时的格式返回日期:

如何在JavaScript中获取当前日期9

  4、自定义日期格式器功能

  除了上面提到的格式外,应用程序可能有不同的数据格式。它可以是yy/dd/mm或yyyy-dd-mm格式,或者类似的格式。为解决这个问题,最好是建立一个可重用的函数,以便可以在多个项目中使用它。下面让我们创建一个实用程序函数,该函数将以函数参数中指定的格式返回日期:

如何在JavaScript中获取当前日期10

  你需要使用参数中传递格式字符串中的月份,日期和年份分别替换字符串“ mm”,“ dd”,“ yy”。然后,使用replace(),如下所示的方法:

如何在JavaScript中获取当前日期11

  但是,这会致使很多methods连接在一起,并且会让我们试着把函数变得更适合我们项目时产生麻烦:

如何在JavaScript中获取当前日期12

  然后可以使用正则表达式代替methods来连接methods replace()。首先创建一个对象,该对象将代表子字符串的键值对及其各自的值:

如何在JavaScript中获取当前日期13

  接下来,使用正则表达式匹配并替换字符串:

如何在JavaScript中获取当前日期14

  完整的功能及代码如下所示:

如何在JavaScript中获取当前日期15

  你还可以在函数中添加格式化时间戳的功能。

  以上就是如何在JavaScript中获取当前日期的解答,你现在应该对JavaScript如何获取当前日期有一定的了解了,一定要趁热打铁自己练习一下,这样印象才会更深刻。如果你想了解JavaScript相关知识,欢迎关注千锋教育!我们还提供web前端培训课程,欢迎咨询!

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区