js 时间的转换

在实际工作中,我们经常会使用到时间和时间戳的转换。一直以来,我都以为这个转换没啥难度,就是个new Date 的事儿。可如今移动端兴旺的时代,我们考滤的事儿还是很多的。

假如说,我们有这样的一个时间 '2025-08-06' ,那么,如果在低版本的苹果系统中,是会转换换败的,直接出来一个 Invalid Date。那么,此时,你又必须得把前面有 零的给去掉,这样才能转换成功。但这样即很麻烦。

所以,有一个最佳的解决方案就是自己封装一个函数,让它兼容所有的设备。代如如下

javascript 复制代码
/**
 * 将 YYYY-MM-DD HH:mm:ss 格式的字符串转换为时间戳(本地时间)
 * 兼容:
 * 1. 年月日部分:2025-05-08 / 2025-5-8 / 2025-5-08 等
 * 2. 时间部分:09:02:05 / 9:2:5 / 9:02:5 等
 * 3. 可选时间部分:仅传 YYYY-MM-DD 也可正常解析
 * @param {string} dateTimeStr - 日期时间字符串,如 '2025-05-08 09:02:05' 或 '2025-5-8 9:2:5'
 * @returns {number} 时间戳(毫秒),解析失败返回 NaN
 */
function dateTimeStrToTimestamp(dateTimeStr) {
  // 拆分日期和时间部分(按空格分割,兼容多个空格的情况)
  const [datePart, timePart = '00:00:00'] = dateTimeStr.trim().split(/\s+/);

  // 解析日期部分
  const dateParts = datePart.split('-');
  if (dateParts.length !== 3) return NaN;
  const year = parseInt(dateParts[0], 10);
  const month = parseInt(dateParts[1], 10) - 1; // 月份从 0 开始
  const day = parseInt(dateParts[2], 10);

  // 解析时间部分
  const timeParts = timePart.split(':');
  // 补全时分秒(若只传 HH 或 HH:mm,默认后续为 0)
  const hour = parseInt(timeParts[0] || 0, 10);
  const minute = parseInt(timeParts[1] || 0, 10);
  const second = parseInt(timeParts[2] || 0, 10);

  // 校验时间部分的合法性
  if (hour < 0 || hour > 23 || minute < 0 || minute > 59 || second < 0 || second > 59) {
    return NaN;
  }

  // 构造 Date 对象
  const date = new Date(year, month, day, hour, minute, second);

  // 校验日期部分的有效性(防止无效日期,如 2025-13-01、2025-02-30)
  if (
    date.getFullYear() !== year ||
    date.getMonth() !== month ||
    date.getDate() !== day ||
    date.getHours() !== hour || // 额外校验小时(防止跨天等异常)
    date.getMinutes() !== minute
  ) {
    return NaN;
  }

  return date.getTime();
}
相关推荐
程序员黑豆2 小时前
鸿蒙应用开发:V1与V2版本数据持久化实战教程
前端·harmonyos
小月土星6 小时前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆6 小时前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
weixin_440784117 小时前
【HandlerThread实现原理】
android·java·开发语言
天空'之城7 小时前
C 语言工业级通用组件手写 24:互补滤波
c语言·开发语言·互补滤波·嵌入式算法·工业级组件
XR1234567887 小时前
工厂车间无线网络方案对比:AGV漫游哪家强?
开发语言·php
傻啦嘿哟7 小时前
某短视频平台视频爬虫实战:抓取推荐流视频信息,绕过反爬的3种技巧
开发语言·爬虫·python
烬羽8 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
現実君8 小时前
【硬件进阶】AD22上位替换JLEDA教程
开发语言·php
烬羽8 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈