溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue怎么使用moment處理時間戳轉(zhuǎn)換成日期或時間格式

發(fā)布時間:2022-03-21 12:40:01 來源:億速云 閱讀:2125 作者:iii 欄目:開發(fā)技術(shù)

本篇內(nèi)容主要講解“vue怎么使用moment處理時間戳轉(zhuǎn)換成日期或時間格式”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“vue怎么使用moment處理時間戳轉(zhuǎn)換成日期或時間格式”吧!

一、使用環(huán)境

Moment 被設(shè)計為在瀏覽器和 Node.js 中都能工作。

所有的代碼都應(yīng)該在這兩種環(huán)境中都可以工作,并且所有的單元測試都應(yīng)該在這兩種環(huá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所需頁面進行引入

import moment from 'moment'

四、具體實現(xiàn)看如下代碼

<template>
    <p>{{times | Time }}</p>
</template>
 
<script>
  import moment from 'moment'; //處理時間
  export default {
    data() {
      return {
            }
    },
     filters: {
       Time(e) { //處理時間
        return moment(parseInt(e)).format('YYYY-MM-DD HH:mm:ss');
      }
     }
  }
</script>

五、最終效果

vue怎么使用moment處理時間戳轉(zhuǎn)換成日期或時間格式

到此,相信大家對“vue怎么使用moment處理時間戳轉(zhuǎn)換成日期或時間格式”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI