关于 vue 时间格式化

关于vue element-ui组件 时间格式转换
 下载moment.js

npm install moment --save

1,在组件中

<el-table-column

  prop="createTime"

  :formatter="dateFormat"

  label="创建时间">  

</el-table-column>

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

2，在methods 中定义 dateForma

引入moment.js

import moment from 'moment'

methods:{

    dateForma:function(row,column){

        var date = row[column.property];

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

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

    }

}

如下图所示

图-1

若需要精确到时分秒 则 如下

methods:{

    dateForma:function(row,column){

        var date = row[column.property];

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

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

    }

}

.