Vue毫秒(秒)數(shù)值與日期轉(zhuǎn)換實現(xiàn)方式
更新時間：2026年05月15日 14:33:49 作者：Tiger_Paul
本文介紹了Vue將日期轉(zhuǎn)換為毫秒或秒,以及將毫秒或秒轉(zhuǎn)換為日期的方法,并通過實際代碼展示如何在頁面中調(diào)用這些轉(zhuǎn)換函數(shù),以上是個人經(jīng)驗總結(jié),僅供參考
vue毫秒(秒)數(shù)值與日期轉(zhuǎn)換
1、將當前日期轉(zhuǎn)換為毫秒或秒
// 轉(zhuǎn)換為毫秒 info.create_time = Date.parse(new Date()); // 轉(zhuǎn)換為秒 info.create_time = (Date.parse(new Date())/1000);
2、將毫秒或秒轉(zhuǎn)換為日期
// 全局時間過濾器，將秒數(shù)轉(zhuǎn)換為yyyy-m-d hh:mm:ss格式
Vue.filter('dateFormat', function (originVal){
const dt = new Date(originVal * 1000)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getMonth() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
return `${y}-${m}-$wppm3vysvbp-${hh}:${mm}:${ss}`
})
// 將毫秒數(shù)轉(zhuǎn)換為yyyy-m-d hh:mm:ss格式，與上相同，只需要改這一句
const dt = new Date(originVal)3、頁面調(diào)用
<el-table-column prop="create_time" label="下單時間" width="200">
<template v-slot="scope">
{{scope.row.create_time | dateFormat}}
</template>
</el-table-column>總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Vue3.0框架中,hooks函數(shù)允許將組件邏輯抽離復(fù)用,提高代碼的可維護性和復(fù)用性,通過封裝邏輯如獲取數(shù)據(jù)、處理狀態(tài)等,hooks使得組件開發(fā)更加高效和清晰,示例中,useDog.ts用于獲取狗狗圖片,展示了hooks封裝數(shù)據(jù)和邏輯、響應(yīng)式數(shù)據(jù)和異步操作的能力2024-10-10
這篇文章主要介紹了Vue中android4.4不兼容問題的解決方法,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了vite/Vuecli配置proxy代理解決跨域問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要為大家詳細介紹了vue+animation實現(xiàn)翻頁動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了一篇Vue、React重點詳解大全，文章內(nèi)容詳細，通過案例可以更好的理解其相關(guān)知識，需要的朋友可以參考下2023-01-01
vueRouter--matcher之動態(tài)增減路由方式
這篇文章主要介紹了vueRouter--matcher之動態(tài)增減路由方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue+elementUI組件tree如何實現(xiàn)單選加條件禁用
這篇文章主要介紹了vue+elementUI組件tree如何實現(xiàn)單選加條件禁用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要給大家介紹了關(guān)于Vue使用虛擬鍵盤及中英文切換的相關(guān)資料,有時候在大型觸屏設(shè)備(如雙屏設(shè)備)中往往就沒有鍵盤去操作,所以就需要去建立一個虛擬鍵盤去操作,需要的朋友可以參考下2023-06-06
用面向?qū)ο蟮乃季S去理解Vue組件，可以將所有的事物都抽象為對象，而類或者說是組件，都具有屬性和操作。這篇文章主要介紹了嘗試用面向?qū)ο笏季S理解Vue組件,需要的朋友可以參考下2021-07-07
這篇文章將分享一下如何使用Vue3打造一個優(yōu)雅的音樂播放器,這個播放器擁有精美的視覺效果,包括旋轉(zhuǎn)專輯封面、動態(tài)進度條和音頻可視化效果,感興趣的小伙伴可以參考本文動手試一下2025-10-10