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

avatar
作者
筋斗云
阅读量:6

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

在这里插入图片描述

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

文章目录


将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.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")); 

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!