element-ui 表格數(shù)據(jù)時(shí)間格式化的方法
更新時(shí)間：2018年08月24日 10:27:46 作者：小馬哥的天涯
這篇文章主要介紹了element-ui 表格數(shù)據(jù)時(shí)間格式化的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
后臺(tái)返回時(shí)間格式 /1470220594000/
在element-ui table 如何格式化呢
1.首先
復(fù)制代碼 代碼如下:
<el-table-column prop="AuditEndTime" label="處理時(shí)間" width="120" :formatter="dateFormat" align="center"></el-table-column>
主要是:formatter="dateFormat" 這個(gè)屬性
formatter 用來(lái)格式化內(nèi)容 Function(row, column, cellValue, index)
然后在 methods 方法對(duì)象里 添加 如下方法
//時(shí)間格式化
dateFormat(row, column, cellValue, index){
const daterc = row[column.property]
if(daterc!=null){
const dateMat= new Date(parseInt(daterc.replace("/Date(", "").replace(")/", ""), 10));
const year = dateMat.getFullYear();
const month = dateMat.getMonth() + 1;
const day = dateMat.getDate();
const hh = dateMat.getHours();
const mm = dateMat.getMinutes();
const ss = dateMat.getSeconds();
const timeFormat= year + "/" + month + "/" + day + " " + hh + ":" + mm + ":" + ss;
return timeFormat;
}
}
格式化后：
2018/2/27 8:59:19
PS：Element UI的表格table列的寬度自適應(yīng)設(shè)置
不要設(shè)置 width="110px"
<el-table-column prop="login_id" align="center" label="工號(hào)"> </el-table-column> <el-table-column prop="login_id" width="110px" align="center" label="工號(hào)"> </el-table-column>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue項(xiàng)目中使用eslint+prettier規(guī)范與檢查代碼的方法
這篇文章主要介紹了vue項(xiàng)目中使用eslint+prettier規(guī)范與檢查代碼的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
很多人知道插槽分為三種，但是實(shí)際到elementui當(dāng)中為什么這么用，就一臉懵逼，接下來(lái)就跟大家聊一聊插槽在elementui中的應(yīng)用，并且自己寫一個(gè)類似el-table的組件，感興趣的可以了解一下2023-05-05
Vue使用axios發(fā)送請(qǐng)求并實(shí)現(xiàn)簡(jiǎn)單封裝的示例詳解
這篇文章主要介紹了Vue使用axios發(fā)送請(qǐng)求并實(shí)現(xiàn)簡(jiǎn)單封裝,主要包括安裝axios及簡(jiǎn)單使用配置方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
這篇文章給大家介紹了在Vue 中如何模塊化使用 Vuex,文中通過(guò)代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-01-01
vue.js中proxyTable 轉(zhuǎn)發(fā)請(qǐng)求的實(shí)現(xiàn)方法
今天小編就為大家分享一篇vue.js中proxyTable 轉(zhuǎn)發(fā)請(qǐng)求的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了關(guān)于axios的proxy代理配置解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
Vue出現(xiàn)彈出層時(shí)禁止底部頁(yè)面跟隨滑動(dòng)
本文主要介紹了Vue出現(xiàn)彈出層時(shí)禁止底部頁(yè)面跟隨滑動(dòng)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
vue 使用moment獲取當(dāng)前時(shí)間及一月前的時(shí)間
開(kāi)發(fā)中會(huì)有要獲取當(dāng)前日期的需求,有的是獲取到當(dāng)前月份,本文就介紹了vue獲取當(dāng)前日期時(shí)間(moment、new?Date()),文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2023-08-08
淺談mvvm-simple雙向綁定簡(jiǎn)單實(shí)現(xiàn)
本篇文章主要介紹了淺談mvvm-simple雙向綁定簡(jiǎn)單實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
詳解如何在vue項(xiàng)目中引入elementUI組件
這篇文章主要介紹了詳解如何在vue項(xiàng)目中引入elementUI組件,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02