讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript中如何操作日期_Date对象常见方法

陌墨姑娘_8460

陌墨姑娘_8460

发布时间:2025-12-05 21:17:31

|

274人浏览过

|

来源于php中文网

原创

JavaScript Date对象是处理时间的核心,需注意本地/UTC方法区别、月份从0开始、字符串解析兼容性及时间戳计算优先等关键细节。

javascript中如何操作日期_date对象常见方法

JavaScript 中的 Date 对象是处理时间的核心工具,掌握它的常用方法能快速完成日期获取、格式化、计算和比较等任务。关键在于理解哪些方法返回本地时间、哪些返回 UTC 时间,以及哪些会修改原对象、哪些只读取。

创建和初始化 Date 对象

有多种方式创建日期实例:

  • new Date():当前本地时间
  • new Date('2024-05-20') 或 new Date('May 20, 2024'):解析字符串(推荐使用 ISO 格式 YYYY-MM-DD,兼容性更好)
  • new Date(2024, 4, 20):年、月(注意:月份从 0 开始,4 表示五月)、日;时分秒毫秒可选
  • new Date(1716192000000):传入时间戳(毫秒数,从 1970-01-01 00:00:00 UTC 开始)

获取日期时间值(不修改原对象)

这些方法返回数字,基于本地时区:

  • getFullYear():四位年份(如 2024)
  • getMonth():月份(0–11),需 +1 才是常规意义的月份数
  • getDate():当月第几天(1–31)
  • getDay():星期几(0–6,0 是周日)
  • getHours() / getMinutes() / getSeconds() / getMilliseconds()
  • getTime():返回时间戳(毫秒)——最常用,适合比较或存储

如果需要 UTC 时间,把方法名中的 get 换成 getUTC,例如 getUTCFullYear()。

立即学习“Java免费学习笔记(深入)”;

Node.js 可靠编程
Node.js 可靠编程

Node.js 可靠编程技能。避免事件循环阻塞、异步陷阱、ESM 兼容问题和内存泄漏。触发词:Node.js 开发、async/await、流处理、性能优化、安全编码。

下载

设置日期时间值(会修改原 Date 对象)

对应获取方法,都有可写版本:

  • setFullYear(2025)、setMonth(11)(11 = 十二月)、setDate(25)
  • setHours(14, 30, 0, 500):支持同时设时、分、秒、毫秒
  • setTime(1716192000000):直接用时间戳重置整个日期

⚠️ 注意:setMonth() 和 setDate() 超出范围时会自动进位。例如 new Date(2024, 0, 32).getDate() 返回 1(即 2024-02-01)。

格式化与转换常用技巧

原生方法有限,但够日常用:

  • toString():完整本地时间字符串(含时区)
  • toDateString():仅日期部分(如 "Mon May 20 2024")
  • toLocaleDateString():按系统语言/地区格式化,支持选项:
    date.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }) → "2024-05-20"
  • toISOString():返回标准 ISO 8601 字符串(UTC 时间,带 Z),如 "2024-05-20T00:00:00.000Z",适合 API 传输
  • JSON.stringify(new Date()) 自动调用 toISOString()

避免用 toLocaleString() 做固定格式,它依赖用户系统设置;需要稳定输出建议手动拼接或用 toISOString().slice(0,10) 取日期部分。

基本上就这些。Date 对象本身不复杂,但细节(比如月份从 0 开始、字符串解析差异、本地 vs UTC)容易忽略,实际开发中建议优先用时间戳做计算,用 toISOString() 或 toLocaleDateString() 控制输出。

热门AI工具

更多
蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2235

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3602

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1196

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4139

2025.09.10

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1838

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2964

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6244

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

6169

2023.11.24

Tailwind CSS 如何制作导航栏和卡片
Tailwind CSS 如何制作导航栏和卡片

用 Tailwind CSS 制作导航栏和卡片,可先搭建语义化结构,再组合 Flex、Grid、间距、圆角与阴影类。这里整理横向导航、移动端菜单、卡片网格及悬停效果的相关文章,帮助你把常见页面组件做得清晰且适配不同屏幕。

0

2026.11.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn