element-ui el-table-column 时间格式化

很多表格都会有时间列，但是element-ui中表格的时间列如何格式化呢？

例如：我们不想显示后面的时分秒

---

第一步：使用   “  :formatter='dateFormatter'  ”

 <el-table-column
    prop="startDate"
    header-align="center"
    align="center"
    :formatter="dateFormatter"
    label="开始时间">
 </el-table-column>

第二步：

methods: {
   dateFormatter (row, column) {
       let datetime = row[column.property];
       if(datetime){
           datetime = new Date(datetime);
           let y = datetime.getFullYear() + '-';
           let mon = datetime.getMonth()+1 + '-';
           let d = datetime.getDate();
           return y + mon + d;
       }
       return ''
  }
}

格式化后：