日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案

發布時間:2024/10/5 vue 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

基本概念

?Moment.js:JavaScript 日期處理類庫

解決方案

formatter="dateFormat"綁定一個 dateFormat方法 ??

<el-table-column prop="createTime" :formatter="dateFormat" label="日期" width="120"> </el-table-column>

Moment.js版本

dateFormat:function(row,column){var date = row[column.property];?if (date === undefined) {?return "";?}?var moment = require("moment");return moment(date).format("YYYY-MM-DD HH:mm:ss");?}

自定義版本?

formatDate(row, column) {let date = new Date(時間戳);let Y = date.getFullYear() + '-';let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';let m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();return Y + M + D + h + m + s;},

?

參考文章

https://blog.csdn.net/weixin_40578880/article/details/82014950

https://www.jianshu.com/p/1ab01da337cf

總結

以上是生活随笔為你收集整理的Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。