javascript日期字符串转换为时间戳的5种方法总结

 更新时间:2024年09月12日 09:23:19   作者:还是大剑师兰特  
在JavaScript中将日期字符串转换为时间戳是一个常见需求,本文介绍了五种实现此转换的方法,包括使用Date对象、正则表达式辅助解析、Date.parse()函数以及第三方库如moment.js和date-fns,这些方法适用于不同格式的日期字符串,需要的朋友可以参考下

前言

将JavaScript中的日期字符串转换为时间戳也是常见的需求,以下是五种实现这一转换的方法,包括使用基本的Date对象、正则表达式辅助解析、以及一些现代JavaScript特性:

方法1:直接使用 Date 构造函数

这是最基本的方法,适用于大多数标准日期格式的字符串。

function dateStringToTimestamp(str) {
  return new Date(str).getTime();
}

console.log(dateStringToTimestamp("2023-04-01T12:00:00Z")); // ISO 8601格式

方法2:处理非ISO标准格式

对于非ISO标准格式的日期字符串,可能需要手动解析,这里以"年-月-日 时:分:秒"为例:

function customDateStringToTimestamp(str) {
  const [year, month, day, hour, minute, second] = str.split(/[- :]/);
  return new Date(year, month - 1, day, hour, minute, second).getTime(); // 注意月份减1
}

console.log(customDateStringToTimestamp("2023-04-01 12:00:00"));

方法3:使用正则表达式辅助解析

对于格式固定的日期字符串,可以利用正则表达式提取各部分,适用于复杂或不规则格式。

function regexDateStringToTimestamp(str) {
  const match = str.match(/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/);
  if (match) {
    return new Date(match[1], match[2] - 1, match[3], match[4], match[5], match[6]).getTime();
  }
  return null; // 或者抛出错误处理
}

console.log(regexDateStringToTimestamp("2023-04-01T12:00:00"));

方法4:利用现代JavaScript特性(如Date.parse())

Date.parse()可以直接解析ISO 8601格式的字符串为时间戳,但要注意浏览器兼容性和解析的准确性。

function dateStringToTimestampWithParse(str) {
  return Date.parse(str);
}

console.log(dateStringToTimestampWithParse("2023-04-01T12:00:00Z"));

方法5:使用第三方库(如moment.js或date-fns)

尽管推荐原生方法,但第三方库提供了更多便利和灵活性。

使用moment.js:

// 需要先引入moment.js库
const moment = require('moment');
function dateStringToTimestampMoment(str) {
  return moment(str).valueOf();
}

console.log(dateStringToTimestampMoment("2023-04-01T12:00:00Z"));

使用date-fns:

// 需要先引入date-fns库
import { parseISO, format } from 'date-fns';
function dateStringToTimestampDateFns(str) {
  return parseISO(str).getTime();
}

console.log(dateStringToTimestampDateFns("2023-04-01T12:00:00Z"));

请注意,上述方法在处理不同地区格式或非标准格式时可能需要适当调整,特别是涉及到月份和日期的解析。

总结

到此这篇关于javascript日期字符串转换为时间戳的5种方法的文章就介绍到这了,更多相关js日期字符串转换为时间戳内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 基于iScroll实现下拉刷新和上滑加载效果

    基于iScroll实现下拉刷新和上滑加载效果

    这篇文章主要为大家详细介绍了基于iScroll实现下拉刷新和上滑加载效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JSON 对象未定义错误的解决方法

    JSON 对象未定义错误的解决方法

    下面小编就为大家带来一篇JSON 对象未定义错误的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • javascript 流畅动画实现原理

    javascript 流畅动画实现原理

    浏览器目前来说是没有抗锯齿效果的(将来不一定哦),这样dom元素外观的改变就被限制在1个像素为最佳效果。

    2009-09-09
  • Javascript实现关联数据(Linked Data)查询及注意细节

    Javascript实现关联数据(Linked Data)查询及注意细节

    DBpedia对Wikipedia的数据变成Linked Data形式,使得机器也能读懂并自由获得这些数据;本文的主要目的是利用Javascript从DBpedia中获取我们想要的数据,感兴趣的朋友可以参考下,希望可以帮助到你
    2013-02-02
  • JS 简单展开关闭切换代码

    JS 简单展开关闭切换代码

    一个JS实现的展开关闭来回切换的代码。用于一段内容的显示与隐藏,点一次隐藏,再点一次就显示,来回切换。
    2010-04-04
  • JavaScript实现日期格式化的方法汇总

    JavaScript实现日期格式化的方法汇总

    日期是许多JavaScript应用程序的基本组成部分,无论是在网页上显示当前日期还是处理用户输入以安排事件,本文将探讨在 JavaScript 中格式化日期的各种技术,希望对大家有所帮助
    2023-06-06
  • 理解javascript定时器中的setTimeout与setInterval

    理解javascript定时器中的setTimeout与setInterval

    这篇文章主要帮助大家学习理解javascript定时器中的setTimeout与setInterval,从实例出发进行深入探讨,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 客户端JavaScript的线程池设计详解

    客户端JavaScript的线程池设计详解

    这篇文章主要为大家介绍了客户端JavaScript的线程池设计,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • 微信小程序开发之实现心情记事本

    微信小程序开发之实现心情记事本

    这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的心情记事本,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
    2023-01-01
  • 深入解析ECMAScript 2023 中的新数组方法

    深入解析ECMAScript 2023 中的新数组方法

    ECMAScript 是一种标准化的脚本语言,它是 JavaScript 的规范。ECMAScript 2023 是 JavaScript 编程语言的更新,旨在带来改进并使 JavaScript 程序可预测和可维护,这篇文章主要介绍了探索 ECMAScript 2023 中的新数组方法,需要的朋友可以参考下
    2023-12-12

最新评论