0

0

javascript日期对象如何处理时间?【教程】

幻影之瞳

幻影之瞳

发布时间:2026-01-16 22:46:02

|

335人浏览过

|

来源于php中文网

原创

javascript date对象仅存储毫秒时间戳,不处理时区转换、加减或格式化;new date('2023-10-05')因iso字符串按utc解析导致本地时区偏差;应使用new date(2023,9,5)或date.utc()明确日历日;时间运算需统一基准,避免混用gethours()/getutchours();复杂场景须依赖date-fns等专用库。

javascript日期对象如何处理时间?【教程】

JavaScript 的 Date 对象本身不处理时区转换、加减运算或格式化——它只存储一个毫秒时间戳(自 1970-01-01T00:00:00Z 起),所有“处理时间”的行为都依赖开发者手动调用方法或借助外部逻辑。

为什么 new Date('2023-10-05') 可能不是你想要的日期?

ISO 格式字符串(如 '2023-10-05')被解析为 UTC 时间,再转成本地时区显示。在东八区执行 new Date('2023-10-05') 实际得到的是 2023-10-04T16:00:00.000Z 对应的本地时间(即 10 月 5 日 00:00 UTC → 本地 10 月 5 日 08:00),但如果你本意是“今天这个日历日的凌晨”,结果就偏了。

  • 想表示本地日历日:用 new Date(2023, 9, 5)(注意月份是 0–11)
  • 想表示 UTC 日历日:用 new Date(Date.UTC(2023, 9, 5))
  • 避免字符串解析歧义:不要传 '2023-10-05''10/05/2023'Date 构造函数

getHours() / getUTCHours() 混用会导致时区错乱

同一个 Date 实例,getHours() 返回本地时区小时,getUTCHours() 返回 UTC 小时。混用二者做计算(比如“加 3 小时”)却不统一基准,结果会因用户所在时区而异。

  • 做时间加减:统一用 getTime() 获取毫秒数,加减后再构造新 Date
  • 比较两个时间点是否同一天:用 toDateString() 或提取年月日做数值比对,别比 getHours()
  • 显示时间:明确你要展示的是本地时间还是服务端时间,再选 toLocaleTimeString()toUTCString()

toISOString() 和 toJSON() 都返回 UTC 字符串,但语义不同

toISOString() 严格返回 ISO 8601 格式('2023-10-05T08:30:00.000Z'),而 toJSON() 内部调用的就是 toISOString(),但它的存在意义是让 DateJSON.stringify() 中自动序列化为字符串。

PHP Apache和MySQL 网页开发初步
PHP Apache和MySQL 网页开发初步

本书全面介绍PHP脚本语言和MySOL数据库这两种目前最流行的开源软件,主要包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、解发器和视图等。本书帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践,了解如何创建数据库驱动的动态Web应用程序。

下载

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

  • 需要可读性时间字符串:用 toLocaleString('zh-CN'),别依赖 toString()
  • 需要与后端交换时间:优先用 toISOString(),确保双方都按 UTC 解析
  • 别用 JSON.stringify(new Date()) 代替显式调用 toISOString(),因为语义不清晰且无法控制精度

为什么 new Date().getTime() + 24 * 60 * 60 * 1000 不等于“明天此时”?

因为夏令时切换、闰秒、系统时钟调整都可能导致 24 小时 ≠ 一个日历日。例如某地夏令时开始当日,本地时间从 02:00 直接跳到 03:00,那么“今天 02:00 + 24 小时”实际落在次日 03:00,而非 02:00。

  • 要获取“明天同一日历时间”:用 setDate(getDate() + 1)
  • 要获取“7 天后同一时刻”:用 setTime(getTime() + 7 * 24 * 60 * 60 * 1000)(仅适用于不跨 DST 边界的小跨度)
  • 复杂场景(如定时任务、日程提醒):必须用专门库(如 date-fns、luxon)处理日历算术

原生 Date 的最大陷阱,是它看起来能“处理时间”,其实只是个带时区标签的毫秒计数器——真正的时间语义(今天、下周三、上个月最后一天)全靠你定义和维护。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

455

2023.08.07

json是什么
json是什么

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

546

2023.08.23

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

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

334

2023.10.13

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

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

82

2025.09.10

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

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

760

2023.08.03

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

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

221

2023.09.04

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

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

1566

2023.10.24

字符串介绍
字符串介绍

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

649

2023.11.24

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号