vue如何使用moment處理時(shí)間戳轉(zhuǎn)換成日期或時(shí)間格式
一、使用環(huán)境
Moment 被設(shè)計(jì)為在瀏覽器和 Node.js 中都能工作。
所有的代碼都應(yīng)該在這兩種環(huán)境中都可以工作，并且所有的單元測(cè)試都應(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。
如果您想嘗試以下的示例代碼，則只需打開(kāi)瀏覽器的控制臺(tái)并輸入即可。
二、安裝moment
npm i moment
三、在vue所需頁(yè)面進(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)
想具體查詢(xún)參數(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
關(guān)于Vue3中defineProps用法圖文詳解
在vue3中組件傳參有很多種方式,和v2大差不差,但是有的地方還是有很多的區(qū)別,下面這篇文章主要給大家介紹了關(guān)于Vue3中defineProps用法的相關(guān)資料,需要的朋友可以參考下2022-11-11
Vue.js使用this.$confirm換行顯示提示信息實(shí)例
在編寫(xiě)Web應(yīng)用時(shí),實(shí)現(xiàn)多行文本顯示通常需要用到HTML標(biāo)簽或JavaScript特定函數(shù),本文介紹了如何使用JavaScript的$createElement函數(shù)來(lái)創(chuàng)建多行文本顯示,$createElement可以創(chuàng)建任何HTML標(biāo)簽,使得在JavaScript中控制HTML輸出更加靈活,通過(guò)簡(jiǎn)單的代碼示例2024-10-10
這篇文章主要介紹了Vue路由傳參的兩種方式query和params,介紹了query和params區(qū)別與總結(jié)，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
解決vue中使用proxy配置不同端口和ip接口問(wèn)題
這篇文章主要介紹了解決vue中使用proxy配置不同端口和ip接口問(wèn)題 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-08-08
今天小編就為大家分享一篇淺談v-for 和 v-if 并用時(shí)篩選條件方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
在vue項(xiàng)目中,和后臺(tái)交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫(kù),它是基于promise的http庫(kù),下面這篇文章主要給大家介紹了關(guān)于Vue3引入axios封裝接口的兩種方法,需要的朋友可以參考下2022-10-10
Vue3優(yōu)雅的實(shí)現(xiàn)跨組件通信的常用方法總結(jié)
開(kāi)發(fā)中經(jīng)常會(huì)遇到跨組件通信的場(chǎng)景,props?逐層傳遞的方法實(shí)在是太不優(yōu)雅了,所以今天總結(jié)下可以更加簡(jiǎn)單的跨組件通信的一些方法,文中通過(guò)代碼實(shí)例講解的非常詳細(xì),需要的朋友可以參考下2023-11-11
這篇文章主要為大家介紹了Vuex的屬性和作用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
關(guān)于vue自適應(yīng)布局(各種瀏覽器,分辨率)的示例代碼
這篇文章主要介紹了vue自適應(yīng)布局（各種瀏覽器，分辨率）,主要使用了flex布局的flex:1屬性和自適應(yīng)的css+vh+百分比這種方式，開(kāi)局設(shè)置overflow:hidden，主體main部分要設(shè)置：overflow:auto，需要的朋友可以參考下2022-09-09
Vue中禁止編輯的常見(jiàn)方法(以禁止編輯輸入框?yàn)槔?
在我們開(kāi)發(fā)項(xiàng)目的時(shí)候,有時(shí)候我們不希望用戶(hù)對(duì)我們的頁(yè)面進(jìn)行操作,尤其是輸入框之類(lèi)的,這篇文章主要給大家介紹了Vue中禁止編輯的常見(jiàn)方法,文中介紹的方法主要以禁止編輯輸入框?yàn)槔?需要的朋友可以參考下2024-02-02