当前位置:首页 » 《我的小黑屋》 » 正文

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

16 人参与  2024年12月11日 08:02  分类 : 《我的小黑屋》  评论

点击全文阅读


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

在这里插入图片描述

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

文章目录

方法1:直接使用 `Date` 构造函数方法2:处理非ISO标准格式方法3:使用正则表达式辅助解析方法4:利用现代JavaScript特性(如`Date.parse()`)方法5:使用第三方库(如`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.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"));

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


点击全文阅读


本文链接:http://zhangshiyu.com/post/199391.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1