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();
}
相关推荐
qq_589568101 分钟前
java基础学习,案例练习,即时通讯
java·开发语言·学习
EnCi Zheng8 分钟前
M5-markconv自定义CSS样式指南 [特殊字符]
前端·css·python
DevilSeagull11 分钟前
Windows 批处理 (Batch) 编程: 从入门到入土. (一) 基础概念与环境配置
开发语言·windows·后端·batch·语言
kyriewen12 分钟前
你的网页慢,用户不说直接走——前端性能监控教你“读心术”
前端·性能优化·监控
广州华水科技13 分钟前
北斗GNSS变形监测在大坝安全监测中的应用与优势分析
前端
AI科技星17 分钟前
全域数学·第卷:场计算机卷(场空间计算机)【乖乖数学】
java·开发语言·人工智能·算法·机器学习·数学建模·数据挖掘
charlie11451419124 分钟前
嵌入式C++实践开发第21篇(单片机实践):按钮输入 —— 硬件原理、消抖与HAL API
开发语言·c++·单片机
前端老石人24 分钟前
前端开发中的 URL 完全指南
开发语言·前端·javascript·css·html
CAE虚拟与现实25 分钟前
五一假期闲来无事,来个前段、后端的说明吧
前端·后端·vtk·three.js·前后端
0xDevNull26 分钟前
Java泛型详解
java·开发语言·后端