一、什麼是時間戳
時間戳,指的是自從1970年1月1日(協調世界時)起經過的秒數
時間戳有以下特點:
(1)時間戳是一個整數,可以用32位或64位表示
(2)時間戳是UTC時間,與時區無關
(3)時間戳通常不支持閏秒,即在時鐘正點上,系統里的秒數+1,但是時間戳不變
二、Vue中日期格式化方法
Vue中提供了dateFormat方法用於將時間戳轉化為可讀性強的日期格式
/* 時間戳轉換 */ Vue.filter('dateFormat', function (originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHours() + '').padStart(2, '0') const mm = (dt.getMinutes() + '').padStart(2, '0') const ss = (dt.getSeconds() + '').padStart(2, '0') return `${y}-${m}-${d} ${hh}:${mm}:${ss}` })
三、時間戳轉換為日期格式的應用場景
1、對於從後端接口中獲取的數據中,如果存在時間戳這類字段,通常需要將其轉換為可讀性更強的日期格式進行展示
2、對於前端時間比較操作,也通常需要將時間戳轉換為更容易比較的日期格式
3、對於日誌記錄等應用場景中,時間戳字段也通常需要按照日期格式進行展示,方便用戶查看
四、Vue中時間戳轉換為日期格式的注意事項
1、使用Vue的dateFormat方法進行轉換時,需要注意傳入的參數格式為時間戳類型
2、在時間戳轉換為日期格式時,由於返回結果為字符串類型,需要注意與後續邏輯的數據類型匹配
五、總結
Vue中提供了dateFormat方法用於將時間戳轉化為可讀性強的日期格式。在應用場景中,時間戳轉換為日期格式通常需要進行展示或比較操作。在轉換過程中需要注意數據類型及返回結果的匹配。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/289211.html