javascript日期字符串转换为时间戳(5种方法)

CSDN 2024-07-16 10:05:02 阅读 82

还是大剑师兰特:曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。

在这里插入图片描述

No. 内容链接
1 Openlayers 【入门教程】 - 【源代码+示例300+】
2 Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3 Cesium 【入门教程】 - 【源代码+图文示例200+】
4 MapboxGL【入门教程】 - 【源代码+图文示例150+】
5 前端就业宝典 【面试题+详细答案 1000+】

文章目录

方法1:直接使用 `Date` 构造函数方法2:处理非ISO标准格式方法3:使用正则表达式辅助解析方法4:利用现代JavaScript特性(如`Date.parse()`)方法5:使用第三方库(如`moment.js`或`date-fns`)


将JavaScript中的日期字符串转换为时间戳也是常见的需求,以下是五种实现这一转换的方法,包括使用基本的<code>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.jsdate-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"));

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



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。