在前端开发中,日期处理是一个常见的需求。JavaScript提供了强大的日期处理功能,包括Date对象和相关函数,可以使日期处理变得简单而直观。
Date对象
Date对象是内置的JavaScript对象之一,用于表示日期和时间。可以使用new Date()
创建一个当前时间的Date对象,也可以传入一个时间戳来创建指定时间的Date对象。
-- --------------- ----- ----------- - --- ------- -- ---------------------------- ----- ------------- - --- ---------- -- ---
Date对象的方法
Date对象提供了许多方法,用于获取或设置日期和时间的各个部分。以下是一些常用的方法:
getFullYear()
:获取年份getMonth()
:获取月份(从0开始)getDate()
:获取日期getDay()
:获取星期几(0表示周日,1表示周一,以此类推)getHours()
:获取小时数getMinutes()
:获取分钟数getSeconds()
:获取秒数getTime()
:获取Unix时间戳(1970年1月1日00:00:00至当前时间的毫秒数)
----- ----------- - --- ------- --------------------------------------- -- ---- ---------------------------------- - --- -- --------- ----------------------------------- -- ---- ---------------------------------- -- ----- ------------------------------------ -- ----- -------------------------------------- -- ----- -------------------------------------- -- ---- ----------------------------------- -- ---------
Date对象的格式化
在实际开发中,我们通常需要将Date对象转化为指定的日期格式。可以使用以下方法来实现:
toDateString()
:返回日期的字符串表示(如"Thu Apr 07 2023")toISOString()
:返回ISO格式的字符串表示(如"2023-04-07T07:49:33.975Z")toLocaleDateString()
:返回本地化后的日期字符串表示(如"2023/4/7")toLocaleString()
:返回本地化后的日期和时间字符串表示(如"2023/4/7 上午3:49:33")toLocaleTimeString()
:返回本地化后的时间字符串表示(如"上午3:49:33")toString()
:返回日期和时间的字符串表示(如"Thu Apr 07 2023 03:49:33 GMT+0800 (China Standard Time)")valueOf()
:返回日期的原始值(即Unix时间戳)
----- ----------- - --- ------- ---------------------------------------- -- ---- --- -- ----- --------------------------------------- -- -------------------------- ---------------------------------------------- -- ---------- ------------------------------------------ -- --------- ---------- ---------------------------------------------- -- ----------- ------------------------------------ -- ---- --- -- ---- -------- -------- ------ -------- ------ ----------------------------------- -- ---------
新日期
在ES6中引入了新的日期对象:Date
,它提供了更多的日期处理功能。新日期支持传入一个ISO格式的日期字符串来创建指定时间的Date对象。
-- --------------------------- ----- ------- - --- ---------------------------- ----------------------------------- -- ---- ------------------------------ - --- -- - ------------------------------- -- - ------------------------------ -- -----
新日期的方法
新日期提供了许多方法,用于获取或设置日期
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/24769