<nav id="luije"><kbd id="luije"></kbd></nav>
<center id="luije"><form id="luije"></form></center><tt id="luije"><form id="luije"></form></tt>
<output id="luije"><xmp id="luije"></xmp></output>
  • <form id="luije"><acronym id="luije"></acronym></form>
  • <output id="luije"><font id="luije"><rp id="luije"></rp></font></output>
    <sub id="luije"><form id="luije"></form></sub>
  • <sub id="luije"></sub>
    <li id="luije"></li>
  • <acronym id="luije"><noframes id="luije"><sub id="luije"></sub></noframes></acronym>
  • <rp id="luije"><output id="luije"></output></rp>
    <rp id="luije"></rp>
  • <var id="luije"></var>
  • <acronym id="luije"><nav id="luije"></nav></acronym>
  • <li id="luije"><strike id="luije"><font id="luije"></font></strike></li>
    <form id="luije"></form>
  • <output id="luije"><table id="luije"><input id="luije"></input></table></output>
  • <var id="luije"><table id="luije"></table></var>
    溫馨提示×

    溫馨提示×

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

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

    vue使用moment將時間戳轉為標準日期時間格式的方法

    發布時間:2023-11-30 11:40:36 來源:億速云 閱讀:112 作者:栢白 欄目:開發技術

    本篇文章和大家了解一下vue使用moment將時間戳轉為標準日期時間格式的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。

    使用moment將時間戳轉為標準日期時間格式

    vue網頁中顯示數據庫中datetime類型數據時,沒有顯示為年-月-日 時:分:秒的標準格式,而是顯示為時間戳,與我們的要求不一致。

    vue使用moment將時間戳轉為標準日期時間格式的方法

    我們需要使用moment進行轉換

    1.安裝moment

    npm install moment --save

    2.在需要格式轉換的vue頁面中引入moment

    import moment from 'moment'

    3.在 export default中添加filter過濾器和時間轉換函數

    filters:{
      dateForm:function (el) {
        return moment(el).format('YYYY-MM-DD HH:mm:ss');
      }
    }

    4.在template模板中使用

    <span>{{scope.row.time|dateForm}}</span>

    即在變量名后加上格式轉換函數名

    這時,網頁中顯示為標準日期時間格式了

    vue使用moment將時間戳轉為標準日期時間格式的方法

    將時間戳轉換為日期格式:moment、new Date()

    1.new Date()方式

    獲取當前時間的時間戳:

    Date.now() //=>1672974684470

    將時間戳轉換為日期時間:

    new Date(1672974684470)
    //=>Fri Jan 06 2023 11:11:24 GMT+0800 (中國標準時間)

    注意:時間戳標準是以毫秒為單位的,所以一共有13位,如果位數只有10位,說明它是以秒為單位的。此時要把它轉成毫秒單位再進行日期轉換,不然時間日期就不對。

    獲取年份:

    new Date(1672974684470).getFullYear()//=>2023

    獲取月份:

    new Date(1672974684470).getMonth()//=>0

    月份是從0開始計的,1月份就是0;

    獲取日期:

    new Date(1672974684470).getDate()//=>6

    獲取時間戳是星期幾:

    new Date(1672974684470).getDay()//=>5

    獲取小時:getHours()、獲取分鐘:getMinutes()

    2. moment函數方式

    moment:日期格式化函數

    在vue項目中使用這個函數的步驟:

    下載moment模塊:

    npm i --save moment --legacy-peer-deps

    引入模塊:

    import moment from 'moment'

    最基本的用法:

    //moment().format():格式化當前的時間
    console.log(moment().format())//=>2023-01-06T13:21:11+08:00

    傳參數:

    • moment()和format()里可以通過傳參數來設置如何格式化時間:

    • 詳情見網址:http://momentjs.cn/

    常見的“yyyy-mm-dd”格式:

    console.log(moment().format('YYYY-MM-DD'))//=>2023-01-06

    將時間戳轉換為日期格式:

    console.log(moment(1672974684470).format('YYYY-MM-DD'))//=>2023-01-06

    3.配合過濾器fliter使用

    <div class="grey-text">{{filmInfo.premiereAt | dateFilter}}上映</div>
    import Vue from 'vue'
    import moment from 'moment'
    Vue.filter('dateFilter', (data) => {
      return moment(data * 1000).format('YYYY-MM-DD')
    })//乘以1000的原因是,后端給的時間戳是以秒為單位的,在這里換算成毫秒

    變換之前的時間戳效果:(后端給的數據是時間戳)

    1671148800 上映

    變換后的日期效果:

    2022-12-16 上映

    以上就是vue使用moment將時間戳轉為標準日期時間格式的方法的簡略介紹,當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多,歡迎關注億速云行業資訊頻道哦!

    向AI問一下細節

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    AI

    自拍偷自拍亚洲精品牛影院_99久热re在线精品99re8_国国产a国产片免费_成人午夜精品无码区
    <nav id="luije"><kbd id="luije"></kbd></nav>
    <center id="luije"><form id="luije"></form></center><tt id="luije"><form id="luije"></form></tt>
    <output id="luije"><xmp id="luije"></xmp></output>
  • <form id="luije"><acronym id="luije"></acronym></form>
  • <output id="luije"><font id="luije"><rp id="luije"></rp></font></output>
    <sub id="luije"><form id="luije"></form></sub>
  • <sub id="luije"></sub>
    <li id="luije"></li>
  • <acronym id="luije"><noframes id="luije"><sub id="luije"></sub></noframes></acronym>
  • <rp id="luije"><output id="luije"></output></rp>
    <rp id="luije"></rp>
  • <var id="luije"></var>
  • <acronym id="luije"><nav id="luije"></nav></acronym>
  • <li id="luije"><strike id="luije"><font id="luije"></font></strike></li>
    <form id="luije"></form>
  • <output id="luije"><table id="luije"><input id="luije"></input></table></output>
  • <var id="luije"><table id="luije"></table></var>