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日期字符串转换为时间戳内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS实现网页表格自动变大缩小的方法

    JS实现网页表格自动变大缩小的方法

    这篇文章主要介绍了JS实现网页表格自动变大缩小的方法,实例分析了javascript操作表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • javascript实现日期按月份加减

    javascript实现日期按月份加减

    JavaScript实现日期加减计算功能代码实例,因为在js中没有类似C#中的AddDays方法,所以要想实现日期加减的话,就需要自己写函数来实现。这里分享给大家,有需要的小伙伴可以参考下
    2015-05-05
  • JavaScript打印信息几种常见的方法

    JavaScript打印信息几种常见的方法

    在JavaScript中,打印通常指的是将信息输出到控制台,或者在网页上显示信息,这篇文章主要介绍了JavaScript打印信息几种常见的方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-05-05
  • JavaScript通过代码调用Flash显示的方法

    JavaScript通过代码调用Flash显示的方法

    这篇文章主要介绍了JavaScript通过代码调用Flash显示的方法,实例分析了JavaScript通过flash插件swfobject.js调用flash显示的具体操作技巧,需要的朋友可以参考下
    2016-02-02
  • 在js(jquery)中获得文本框焦点和失去焦点的方法

    在js(jquery)中获得文本框焦点和失去焦点的方法

    文章介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下
    2012-12-12
  • 6种JavaScript判断对象自身为空的方法小结

    6种JavaScript判断对象自身为空的方法小结

    这篇文章主要为大家详细介绍了6种JavaScript判断对象自身为空的方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-12-12
  • JavaScript实现重置表单(reset)的方法

    JavaScript实现重置表单(reset)的方法

    这篇文章主要介绍了JavaScript实现重置表单(reset)的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript实现随机点名器实例详解

    JavaScript实现随机点名器实例详解

    这篇文章主要介绍了JavaScript随机点名器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScrip实现PHP print_r的数功能(三种方法)

    JavaScrip实现PHP print_r的数功能(三种方法)

    PHP print_r的函数很好用,可以用来打印数组、对象等的结构与数据,可惜JavaScript并没有原生提供类似的函数。不过我们可以试着自己来实现这个函数,下面提供一些方法与思路
    2013-11-11
  • 在Postman的脚本中如何使用pm对象获取接口的请求参数

    在Postman的脚本中如何使用pm对象获取接口的请求参数

    这篇文章主要介绍了在Postman的脚本中如何使用pm对象获取接口的请求参数,本文通过实例代码图文相结合给大家介绍的非常详细,需要的朋友可以参考下
    2023-09-09

最新评论