Element ui将时间戳格式化显示到表格中

增加创建时间时用的 task.setGmtCreate(System.currentTimeMillis()); 这样会在数据库中插入时间戳,想在前台表格中格式化显示出来

方式:引入的moment.js 插件

步骤1:

下载moment.js

npm install moment --save
步骤2:(标签中的修改)
<el-table-column
                    label="创建时间"
                    prop="gmtCreate"
                    :formatter="dateFormat"
                     >
            </el-table-column>

用 ':formatter' 来绑定 设置时间格式的方法 dateFormat

步骤3:(引入moment)
import moment from 'moment'
步骤4:(在methods 中定义 dateFormat)
methods: {

/*这个方法用于格式化时间戳*/

    dateFormat:function(row,column){

var date = row[column.property];

        if(date ==undefined){return ''};

        return moment(date).format("YYYY-MM-DD HH:mm")

},

完成效果


数据库.png

前端表格.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容