vue如何使用moment處理時(shí)間戳轉(zhuǎn)換成日期或時(shí)間格式
更新時(shí)間：2022年03月19日 16:59:42 作者：zx_20220104
這篇文章主要給大家介紹了關(guān)于vue如何使用moment處理時(shí)間戳轉(zhuǎn)換成日期或時(shí)間格式的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
一、使用環(huán)境
Moment 被設(shè)計(jì)為在瀏覽器和 Node.js 中都能工作。
所有的代碼都應(yīng)該在這兩種環(huán)境中都可以工作，并且所有的單元測試都應(yīng)該在這兩種環(huán)境中運(yùn)行。
CI 系統(tǒng)當(dāng)前使用以下的瀏覽器：Windows XP 上的 Chrome，Windows 7 上的 IE 8、9 和 10，Windows 10 上的 IE 11，Linux 上最新的 Firefox，OSX 10.8 和 10.11 上最新的 Safari。
如果您想嘗試以下的示例代碼，則只需打開瀏覽器的控制臺并輸入即可。
二、安裝moment
npm i moment
三、在vue所需頁面進(jìn)行引入
import moment from 'moment'
四、具體實(shí)現(xiàn)看如下代碼
<template>
<p>{{times | Time }}</p>
</template>
<script>
import moment from 'moment'; //處理時(shí)間
export default {
data() {
return {
}
},
filters: {
Time(e) { //處理時(shí)間
return moment(parseInt(e)).format('YYYY-MM-DD HH:mm:ss');
}
}
}
</script>
五、最終效果
六、moment中文官網(wǎng)
想具體查詢參數(shù)可以點(diǎn)擊此處跳轉(zhuǎn)至moment中文官網(wǎng)
總結(jié)
到此這篇關(guān)于vue如何使用moment處理時(shí)間戳轉(zhuǎn)換成日期或時(shí)間格式的文章就介紹到這了,更多相關(guān)vue用moment處理時(shí)間戳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue3無config文件夾打包后頁面空白問題及解決，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要給大家介紹了關(guān)于在vue3.0中如何友好使用antdv的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了在vue中使用Echarts畫曲線圖的示例，幫助大家在vue中繪制圖表，感興趣的朋友可以了解下2020-10-10
這篇文章主要為大家詳細(xì)介紹了渲染器的工作原理,以及如何將真實(shí)dom或者組件用虛擬dom的形式進(jìn)行描述并渲染,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
Vue Echarts實(shí)現(xiàn)圖表的動(dòng)態(tài)適配以及如何優(yōu)化
這篇文章主要介紹了Vue Echarts實(shí)現(xiàn)圖表的動(dòng)態(tài)適配以及如何優(yōu)化，在實(shí)際的前端開發(fā)過程中，動(dòng)態(tài)適配是一個(gè)非常重要的問題，在數(shù)據(jù)可視化的場景下，圖表的動(dòng)態(tài)適配尤為重要，需要的朋友可以參考下2023-05-05
在Vue中嵌入第三方頁面可以采用多種方法,例如使用<iframe>、Vue插件、動(dòng)態(tài)加載第三方腳本或WebComponents,不同方法適用于不同類型的內(nèi)容和項(xiàng)目需求,如<iframe>適用于整個(gè)網(wǎng)頁,而動(dòng)態(tài)腳本和WebComponents適合特定功能,選擇合適的方法可以有效整合外部資源2024-09-09
Vue+axios封裝請求實(shí)現(xiàn)前后端分離
這篇文章主要為大家詳細(xì)介紹了Vue+axios封裝請求實(shí)現(xiàn)前后端分離，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
vue?實(shí)現(xiàn)列表跳轉(zhuǎn)至詳情且能添加至購物車功能
列表頁面顯示數(shù)據(jù)，點(diǎn)擊跳轉(zhuǎn)到對應(yīng)的詳情頁，詳情頁可以添加并跳轉(zhuǎn)到購物車，購物車具有常見功能，這篇文章主要介紹了vue?實(shí)現(xiàn)列表跳轉(zhuǎn)至詳情且能添加至購物車,需要的朋友可以參考下2022-10-10
vue3使用vuedraggable實(shí)現(xiàn)拖拽功能
這篇文章主要為大家詳細(xì)介紹了vue3使用vuedraggable實(shí)現(xiàn)拖拽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了Vue中如何處理token過期問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10