0

0

如何操作日期和时间_JavaScript中Date对象的基本用法是什么

夜晨

夜晨

发布时间:2026-01-05 15:19:36

|

553人浏览过

|

来源于php中文网

原创

javascript date对象默认按本地时区解析字符串,构造方式差异大:new date('2023-10-05')解析为utc导致偏移,new date('2023/10/05')或new date(2023,9,5)更安全;get/set方法默认操作本地时间,utc需用getutc/setutc;toisostring()/tojson()返回utc字符串,tostring()返回本地格式;跨时区场景应优先使用时间戳或显式时区声明。

如何操作日期和时间_javascript中date对象的基本用法是什么

JavaScript 的 Date 对象不是“拿来就能用”的时间工具,它默认按本地时区解析字符串、构造方式稍有差异就容易出错,尤其在跨时区、格式化、计算差值等场景下。

new Date() 构造函数的几种写法差异很大

传参不同,行为完全不同:不加参数返回当前时间;传字符串可能被当成 UTC 或本地时间(取决于格式);传数字是毫秒时间戳;传多个数字参数则是本地时间(注意月份从 0 开始)。

  • new Date() → 当前本地时间
  • new Date('2023-10-05') → 解析为 UTC 时间(即 2023-10-05T00:00:00Z),再转成本地时区显示,常导致“少一天”错觉
  • new Date('2023/10/05') → 按本地时区解析,更安全
  • new Date(2023, 9, 5) → 本地时间 2023 年 10 月 5 日(月份是 0~11
  • new Date(1696444800000) → 毫秒时间戳,对应 UTC 时间

getXXX() 和 setXXX() 方法默认都是本地时区

所有 getDate()getHours()setMonth() 等方法操作的都是**当前系统本地时区**的时间值。如果需要 UTC 时间,必须显式使用 getUTCDate()setUTCHours() 等对应方法。

  • 想获取 2023-10-05 14:30:00 UTC 的小时?用 date.getUTCHours(),不是 date.getHours()
  • date.setDate(1) 修改的是本地日期,可能影响 UTC 日期(比如你在东八区设为 1 号,UTC 就是上月 31 号)
  • 跨天计算(如“明天此时”)推荐用毫秒加减:new Date(date.getTime() + 24 * 60 * 60 * 1000),比 setDate(getDate()+1) 更可靠

toJSON() 和 toISOString() 返回的是 UTC 字符串

这两个方法都返回形如 "2023-10-05T06:30:00.000Z" 的 ISO 8601 UTC 字符串,常用于 API 通信或存储。但要注意:toString()toLocaleString() 返回的是本地格式,混用会导致时区混乱。

Jenni AI
Jenni AI

使用最先进的 AI 写作助手为您的写作增光添彩。

下载

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

const d = new Date('2023-10-05T14:30:00');
console.log(d.toISOString()); // "2023-10-05T06:30:00.000Z"(UTC)
console.log(d.toString());    // "Thu Oct 05 2023 14:30:00 GMT+0800 (CST)"(本地)
console.log(d.toJSON());      // 同 toISOString()
  • 后端通常期望 toISOString() 输出,别误用 toString()
  • JSON.stringify(new Date()) 会自动调用 toJSON(),所以序列化后是 UTC 字符串
  • 从后端拿到 ISO 字符串(含 Z)再 new Date(),结果仍是本地时间对象——只是它的内部毫秒值对齐了 UTC

时区处理最易忽略的坑:字符串构造 vs 时间戳构造

这是生产环境最常引发日期偏移的点。比如用户输入 "2023-10-05",直接 new Date("2023-10-05") 在 Chrome 和 Safari 行为一致(UTC),但在某些旧版浏览器或 Node.js 版本中可能按本地解析。稳妥做法是统一转成时间戳或强制指定时区。

  • 避免直接解析带短横线的日期字符串:new Date("2023-10-05")
  • 改用斜杠格式:new Date("2023/10/05")(明确本地)
  • 或手动拆解:new Date(2023, 9, 5)
  • 或用 Date.parse("2023-10-05T00:00:00Z") 显式声明 UTC,再 new Date()

时区不是附加属性,而是 Date 对象内部毫秒值与本地显示之间的映射关系——一旦构造错误,后续所有 get/set 都建立在错误基础上。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

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

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

452

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的详细内容,可以访问本专题下面的文章。

331

2023.10.13

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

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

81

2025.09.10

chrome什么意思
chrome什么意思

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

1028

2023.08.11

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

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

823

2023.11.06

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

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

718

2023.08.03

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

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

219

2023.09.04

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

4

2026.03.05

热门下载

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

精品课程

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

共58课时 | 5.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

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

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