Javascript如何操作日期和时间
发布时间 - 2025-12-27 00:00:00 点击率:次JavaScript操作日期时间主要依靠Date对象,需掌握创建、获取、解析、格式化、计算和比较等核心方法及月份从0开始、字符串解析兼容性等常见陷阱。
JavaScript 操作日期和时间主要靠内置的 Date 对象,它能获取、格式化、计算和比较时间。掌握几个核心方法和常见陷阱,就能应付大部分场景。
创建和获取当前时间
用 new Date() 创建当前时间对象,调用对应方法获取年、月、日、时、分、秒等值:
-
getFullYear() 获取四位年份(推荐,
getYear()已废弃) - getMonth() 返回 0–11(注意:1月是 0,12月是 11)
- getDate() 返回每月第几天(1–31)
- getHours() / getMinutes() / getSeconds() 获取对应时间单位
- getTime() 返回自 1970-01-01 00:00:00 UTC 起的毫秒数,常用于时间差计算
解析和构造特定时间
支持多种字符串格式初始化,但兼容性有差异,稳妥做法是传入年、月、日等参数:
-
new Date(2025, 5, 15, 14, 30, 0)→ 2025年6月15日14:30(注意月份从 0 开始) -
new Date('202→ ISO 8601 格式最可靠(带 T 和时区信息)
5-06-15T14:30:00') -
new Date('2025/06/15 14:30')→ 部分浏览器支持,但不推荐用于生产环境
避免直接解析 '2025-06-15' 这类纯日期字符串——在某些浏览器中可能被当作 UTC 时间处理,导致本地时间偏差。
格式化输出常用方式
原生方法返回的格式较固定,日常开发中常需自定义格式:
-
toDateString() →
"Fri Jun 15 2025" -
toLocaleString() → 本地化格式,可传参控制语言和地区:
date.toLocaleString('zh-CN') -
toISOString() → 返回标准 UTC 字符串:
"2025-06-15T06:30:00.000Z" - 手动拼接更灵活:
${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}
时间计算与比较
两个 Date 对象可以直接用 >、 比较大小(本质是比较毫秒数);计算时间差建议统一转为毫秒再运算:
const diffMs = date2.getTime() - date1.getTime()- 换算成天:
Math.floor(diffMs / (1000 * 60 * 60 * 24)) - 加减时间:修改毫秒数后用
new Date(ms)重建对象,或使用现代方案如 date-fns 的addDays()、subHours()
注意:Date 对象是可变的,setFullYear() 等方法会直接修改原对象,需要保留原始值时记得先 new Date(original) 克隆。
# javascript
# java
# 浏览器
# 本地化
# 格式化输出
# 字符串解析
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
如何打造高效商业网站?建站目的决定转化率
Python图片处理进阶教程_Pillow滤镜与图像增强
如何在阿里云域名上完成建站全流程?
JavaScript Ajax实现异步通信
Laravel怎么在Blade中安全地输出原始HTML内容
Python面向对象测试方法_mock解析【教程】
怎样使用JSON进行数据交换_它有什么限制
如何在阿里云香港服务器快速搭建网站?
Python高阶函数应用_函数作为参数说明【指导】
网站图片在线制作软件,怎么在图片上做链接?
香港网站服务器数量如何影响SEO优化效果?
成都品牌网站制作公司,成都营业执照年报网上怎么办理?
瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口
java获取注册ip实例
Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】
Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全
Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置
Laravel安装步骤详细教程_Laravel环境搭建指南
,怎么在广州志愿者网站注册?
SQL查询语句优化的实用方法总结
如何在 React 中条件性地遍历数组并渲染元素
如何用AI帮你把自己的生活经历写成一个有趣的故事?
Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?
Laravel中的withCount方法怎么高效统计关联模型数量
利用vue写todolist单页应用
如何快速搭建高效香港服务器网站?
Laravel如何使用集合(Collections)进行数据处理_Laravel Collection常用方法与技巧
Laravel如何自定义错误页面(404, 500)?(代码示例)
LinuxCD持续部署教程_自动发布与回滚机制
Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率
移动端脚本框架Hammer.js
Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】
Laravel如何使用Blade组件和插槽?(Component代码示例)
Laravel如何处理异常和错误?(Handler示例)
EditPlus 正则表达式 实战(3)
深圳网站制作的公司有哪些,dido官方网站?
Android中AutoCompleteTextView自动提示
Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程
黑客如何通过漏洞一步步攻陷网站服务器?
网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?
谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复
北京网站制作的公司有哪些,北京白云观官方网站?
INTERNET浏览器怎样恢复关闭标签页_INTERNET浏览器标签恢复快捷键与方法【指南】
网站制作企业,网站的banner和导航栏是指什么?
北京网站制作公司哪家好一点,北京租房网站有哪些?
Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知
开心动漫网站制作软件下载,十分开心动画为何停播?
Laravel怎么为数据库表字段添加索引以优化查询
Laravel Fortify是什么,和Jetstream有什么关系


5-06-15T14:30:00')