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

javascript如何操作日期和时间_有哪些常用方法【教程】

陌晨酱_6695

陌晨酱_6695

发布时间:2026-01-27 12:20:49

|

923人浏览过

|

来源于php中文网

原创

JavaScript Date对象需警惕时区陷阱:new Date()创建本地时间,ISO字符串默认UTC解析,数字参数最稳妥;获取/设置用getFullYear()/setMonth()等,注意月份从0开始;格式化优先Intl.DateTimeFormat;日期差以毫秒计算最可靠。

javascript如何操作日期和时间_有哪些常用方法【教程】

JavaScript 的 Date 对象本身不难,但容易在时区、格式化、跨浏览器行为上栽跟头。别指望它像 Moment.js 那样开箱即用——原生操作必须自己兜底。

如何创建和校准日期对象(尤其注意时区陷阱)

直接用 new Date() 创建的是本地时区时间;用字符串如 new Date('2024-01-01') 会按 UTC 解析(Chrome/Firefox 行为一致),但 new Date('2024/01/01') 又按本地时区解析——这差异导致很多“明明代码一样却结果不同”的问题。

  • 稳妥做法:用数字参数构造,new Date(2024, 0, 1)(注意月份从 0 开始)
  • 解析 ISO 字符串时加 Z 显式声明 UTC:new Date('2024-01-01T00:00:00Z')
  • 想获取当前 UTC 时间?别用 new Date().getTime() 后手动换算,直接用 Date.now()(返回毫秒数,与 UTC 对齐)

如何安全地获取/设置年月日时分秒(避免隐式转换)

getYear() 已废弃,getFullYear() 才是正解;setMonth() 接收 0–11,但传入 12 会自动进位到下一年——这不是 bug,是设计,但常被误用。

  • 读取用 getFullYear() / getMonth() / getDate() / getHours() 等,全部返回数字
  • 设置用 setFullYear() / setMonth() 等,注意 setMonth(12) 等价于 setFullYear(2025, 0)
  • 想设“本月第 31 天”但该月只有 30 天?setDate(31) 会自动滚到下月 1 日——这是预期行为,不是错误

如何格式化输出(不用第三方库的底线方案)

toString()toUTCString() 格式不可控、不国际化;toISOString() 固定返回 YYYY-MM-DDTHH:mm:ss.sssZ,适合 API 通信但不适合展示。

Digital Twin Discharge Drafter
Digital Twin Discharge Drafter

用于撰写患者出院小结、制定个性化出院指导、模拟出院后结局、降低再入院率

下载

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

  • 简单拼接推荐用 toLocaleDateString() + toLocaleTimeString(),靠 options 控制语言和地区:date.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit' })
  • 需要固定宽度(比如补零)?别手写 padStart(2, '0') 拼字符串,优先用 Intl.DateTimeFormatnew Intl.DateTimeFormat('en-US', { day: '2-digit' }).format(date)
  • 注意:toLocale* 方法受用户系统设置影响,服务端 Node.js 默认是 C locale,表现可能和浏览器不一致

如何计算两个日期差(毫秒是唯一可靠单位)

别用 date1 - date2 得到“天数”,因为除以 86400000(24×60×60×1000)会因夏令时或闰秒出错——实际差值是毫秒,但“天数”是业务概念,需明确定义是否含时分秒。

  • 基础差值:直接相减得毫秒数,date2.getTime() - date1.getTime()
  • 算整日差(忽略时间部分):先用 setHours(0,0,0,0) 归零再减,再除以 86400000
  • 跨时区比较?统一转成 UTC 时间戳再算,避免本地时区干扰

真正麻烦的从来不是“怎么写”,而是“哪个时间点该用什么时区语义”。比如用户选了一个日期范围,后端要存 UTC 还是本地时间?前端显示要不要跟随系统语言?这些决策比调用哪个 getXXX() 方法重要得多。

热门AI工具

更多
豆包大模型

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

SkildArt
SkildArt Hot

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

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

蛙蛙写作

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

WorkBuddy

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

DeepSeek

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

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2466

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

4359

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

3107

2026.03.24

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1569

2023.07.31

python中的format是什么意思
python中的format是什么意思

python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1191

2024.06.27

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

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

1538

2023.08.03

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

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

2224

2023.09.04

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

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

5724

2023.10.24

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

20

2026.09.23

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

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

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