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();
}
相关推荐
cz追天之路5 小时前
华为机考--- 字符串最后一个单词的长度
javascript·css·华为·less
半桶水专家5 小时前
go语言中的结构体嵌入详解
开发语言·后端·golang
Light605 小时前
CSS逻辑革命:原生if()函数如何重塑我们的样式编写思维
前端·css·响应式设计·组件化开发·css if函数·声明式ui·现代css
蜡笔小嘟6 小时前
宝塔安装dify,更新最新版本--代码版
前端·ai编程·dify
在屏幕前出油6 小时前
二、Python面向对象编程基础——理解self
开发语言·python
阿方索6 小时前
python文件与数据格式化
开发语言·python
ModyQyW6 小时前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案
前端·uni-app
bitbitDown7 小时前
我的2025年终总结
前端
五颜六色的黑7 小时前
vue3+elementPlus实现循环列表内容超出时展开收起功能
前端·javascript·vue.js
wscats8 小时前
Markdown 编辑器技术调研
前端·人工智能·markdown