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

2024-07-06 1175阅读

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

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

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

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

VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]