vue日期格式化

发布时间：2021-01-06 14:44:09编辑：admin阅读（12688）

    一、概述

    现有vue页面如下：

    1.png

     

     

    需要将日期转换为：2020-12-25

     

    二、实现

    修改vue html部分，应用方法dateFormat

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

    增加方法dateFormat

    methods: {
      dateFormat:function(date){
        return moment(date).format("YYYY-MM-DD")
      }
    }

     

    重启vue项目，效果如下：

    1.png

     

     

    注意：不需要安装插件moment，也可以实现。

     


关键字：

上一篇： ElementUI Form 表单

下一篇： ElementUI Dialog 对话框,组件之间传值