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();
}
相关推荐
Mintopia3 分钟前
Web 安全与反编译源码下的权限设计:构建前后端一体的信任防线
前端·安全·编译原理
薛定谔的猫喵喵5 分钟前
天然气压力能利用系统综合性评价平台:基于Python和PyQt5的AHP与模糊综合评价集成应用
开发语言·python·qt
独好紫罗兰17 分钟前
对python的再认识-基于数据结构进行-a004-列表-实用事务
开发语言·数据结构·python
gjxDaniel18 分钟前
Objective-C编程语言入门与常见问题
开发语言·objective-c
林深现海24 分钟前
Jetson Orin nano/nx刷机后无法打开chrome/firefox浏览器
前端·chrome·firefox
choke23329 分钟前
[特殊字符] Python异常处理
开发语言·python
云中飞鸿29 分钟前
linux中qt安装
开发语言·qt
黄诂多37 分钟前
APP原生与H5互调Bridge技术原理及基础使用
前端
前端市界41 分钟前
用 React 手搓一个 3D 翻页书籍组件,呼吸海浪式翻页,交互体验带感!
前端·架构·github
文艺理科生42 分钟前
Nginx 路径映射深度解析:从本地开发到生产交付的底层哲学
前端·后端·架构