快捷導(dǎo)航

詳解vue2.0的Element UI的表格table列時間戳格式化

更新時間：2017年06月13日 17:18:12 作者：楓似

本篇文章主要介紹了詳解vue2.0的Element UI的表格table列時間戳格式化，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。

這兩天學(xué)習(xí)了vue2.0的Element UI的表格table列時間戳格式化，所以，今天添加一點(diǎn)小筆記。

表格屬性

<el-table 
        :data="tableData" 
        v-loading.body="loading" 
        border 
        @selection-change="selectionChange" 
        style="width: 100%"> 
      <el-table-column 
          prop="createTime" 
          label="創(chuàng)建時間" 
          :formatter="dateFormat" 
          width="150"> 
      </el-table-column> 
      <el-table-column 
          prop="updateTime" 
          label="更新時間" 
          width="150"> 
      </el-table-column>       
    </el-table>

script

new Vue({ 
    el: '#tableView', 
    data: { 
      //列表數(shù)據(jù) 
      tableData: [{ 
      "createTime":1491559642000, 
      "updateTime":1491559642000 
      }], 
    }, 
    methods:{ 
      //時間格式化 
      dateFormat:function(row, column) { 
        var date = row[column.property]; 
     if (date == undefined) { 
       return ""; 
     } 
     return moment(date).format("YYYY-MM-DD HH:mm:ss"); 
      } 
    } 
  });

簡單來說，vue組件傳入的方法函數(shù)應(yīng)該使用v-bind屬性綁定

時間格式化使用moent.js

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue中ref、computed與reactive使用頻率現(xiàn)象分析(示例詳解)
這篇文章主要分析了Vue中的ref、computed和reactive三個響應(yīng)式API的使用頻率和優(yōu)勢,ref適合處理簡單數(shù)據(jù)類型的響應(yīng)式需求,感興趣的朋友跟隨小編一起看看吧
2024-11-11
Vue之插槽的內(nèi)容渲染問題及解決過程
本文將探討這些常見問題的原因,并提供相應(yīng)的解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2025-03-03
詳解使用vue-router進(jìn)行頁面切換時滾動條位置與滾動監(jiān)聽事件
本篇文章主要介紹了詳解使用vue-router進(jìn)行頁面切換時滾動條位置與滾動監(jiān)聽事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
vue+echarts實(shí)現(xiàn)數(shù)據(jù)實(shí)時更新
這篇文章主要為大家詳細(xì)介紹了vue+echarts實(shí)現(xiàn)數(shù)據(jù)實(shí)時更新，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
vue:內(nèi)存泄露詳解
這篇文章主要介紹了一個Vue的內(nèi)存泄露詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2021-10-10
vue-cli3+ts+webpack實(shí)現(xiàn)多入口多出口功能
這篇文章主要介紹了vue-cli3+ts+webpack實(shí)現(xiàn)多入口多出口功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-05-05
一文搞定vue3中的函數(shù)式彈窗
函數(shù)式彈窗是一種使用函數(shù)來創(chuàng)建彈窗的技術(shù),它可以簡化彈窗的使用,只需要在需要彈窗的地方調(diào)用函數(shù)就可以了,下面我們就來看看vue3中函數(shù)式彈窗的具體應(yīng)用吧
2024-01-01
詳解Vue Cli瀏覽器兼容性實(shí)踐
這篇文章主要介紹了詳解Vue Cli瀏覽器兼容性實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
vue代理模式解決跨域詳解
這篇文章主要介紹了vue代理模式解決跨域詳解的相關(guān)資料,需要的朋友可以參考下
2022-09-09
vue監(jiān)聽瀏覽器網(wǎng)頁關(guān)閉和網(wǎng)頁刷新事件代碼示例
在前端開發(fā)中我們通常會遇到這樣的需求,用戶離開、刷新頁面前,修改數(shù)據(jù)未進(jìn)行保存操作,需要提示框提醒用戶,這篇文章主要給大家介紹了關(guān)于vue監(jiān)聽瀏覽器網(wǎng)頁關(guān)閉和網(wǎng)頁刷新事件的相關(guān)資料,需要的朋友可以參考下
2023-08-08