javascript日期字符串轉(zhuǎn)換為時(shí)間戳的5種方法總結(jié)
前言
將JavaScript中的日期字符串轉(zhuǎn)換為時(shí)間戳也是常見的需求,以下是五種實(shí)現(xiàn)這一轉(zhuǎn)換的方法,包括使用基本的Date對象、正則表達(dá)式輔助解析、以及一些現(xiàn)代JavaScript特性:
方法1:直接使用 Date 構(gòu)造函數(shù)
這是最基本的方法,適用于大多數(shù)標(biāo)準(zhǔn)日期格式的字符串。
function dateStringToTimestamp(str) {
return new Date(str).getTime();
}
console.log(dateStringToTimestamp("2023-04-01T12:00:00Z")); // ISO 8601格式
方法2:處理非ISO標(biāo)準(zhǔn)格式
對于非ISO標(biāo)準(zhǔn)格式的日期字符串,可能需要手動(dòng)解析,這里以"年-月-日 時(shí):分:秒"為例:
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:使用正則表達(dá)式輔助解析
對于格式固定的日期字符串,可以利用正則表達(dá)式提取各部分,適用于復(fù)雜或不規(guī)則格式。
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; // 或者拋出錯(cuò)誤處理
}
console.log(regexDateStringToTimestamp("2023-04-01T12:00:00"));
方法4:利用現(xiàn)代JavaScript特性(如Date.parse())
Date.parse()可以直接解析ISO 8601格式的字符串為時(shí)間戳,但要注意瀏覽器兼容性和解析的準(zhǔn)確性。
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"));
請注意,上述方法在處理不同地區(qū)格式或非標(biāo)準(zhǔn)格式時(shí)可能需要適當(dāng)調(diào)整,特別是涉及到月份和日期的解析。
總結(jié)
到此這篇關(guān)于javascript日期字符串轉(zhuǎn)換為時(shí)間戳的5種方法的文章就介紹到這了,更多相關(guān)js日期字符串轉(zhuǎn)換為時(shí)間戳內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js 兼容多瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件代碼(IE6/7/8,firefox,chrome)
本文講一下js實(shí)現(xiàn)兼容IE6/7/8,firefox,chrome瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件的代碼。2010-04-04
解決Js先觸發(fā)失去焦點(diǎn)事件再執(zhí)行點(diǎn)擊事件的問題
今天小編就為大家分享一篇解決Js先觸發(fā)失去焦點(diǎn)事件再執(zhí)行點(diǎn)擊事件的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
js實(shí)現(xiàn)當(dāng)前輸入框高亮顯示的方法
這篇文章主要介紹了js實(shí)現(xiàn)當(dāng)前輸入框高亮顯示的方法,涉及javascript針對輸入框樣式動(dòng)態(tài)設(shè)置的技巧,非常美觀大方,簡單實(shí)用,需要的朋友可以參考下2015-08-08
bootstrapValidator 重新啟用提交按鈕的方法
bootstrapValidator 使用中,由于字段檢查等原因,致使提交按鈕失效。如何重新啟用提交按鈕呢?下面小編給大家介紹下bootstrapValidator 重新啟用提交按鈕的方法,需要的朋友可以參考下2017-02-02
使用Javascript和DOM Interfaces來處理HTML
使用Javascript和DOM Interfaces來處理HTML...2006-10-10
eCharts圖表實(shí)現(xiàn)扇形和折線圖代碼示例
本文概述了前端和后端實(shí)現(xiàn)數(shù)據(jù)可視化圖表的步驟,前端部分涉及引入文件、設(shè)置盒子、發(fā)送請求等,最終通過ECharts初始化圖形,后端則包括定義VO類、處理mapper和業(yè)務(wù)邏輯等,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09

