vue moment库格式化处理后端传的日期

class WorkOrderSerializer(serializers.ModelSerializer):
    """
    序列化类
    """
    # 后端处理时间
    apply_time = serializers.DateTimeField(format="%Y-%m-%d %H:%M:%S", read_only=True)
    complete_time = serializers.DateTimeField(format="%Y-%m-%d %H:%M:%S", read_only=True)

    class Meta:
        model = WorkOrder
        fields = "__all__"

HTTP 200 OK
Allow: GET, POST, HEAD, OPTIONS
Content-Type: application/json
Vary: Accept

{
    "count": 9,
    "next": null,
    "previous": null,
    "results": [
        {
            "id": 11,
            "apply_time": "2018-09-01 11:03:13",
            "complete_time": "2018-09-01 11:03:13",
         }
            ]
        }

npm install moment --save

<script>
import moment from 'moment' # 导入
export default {
  name: 'order-list',
  props: ['value'],
  methods: {
    # 编写日期格式化方法
    dateFormat: function(row, column) {
      console.log(row, column)
      const date = row[column.property]
      if (date === undefined) {
        return ''
      }
      # 这里的格式根据需求修改
      return moment(date).format('YYYY-MM-DD HH:mm:ss')
    }

  }
}
</script>

<template>
  <div class="workorder-list">
  <el-table
    :data="value"
    border
    stripe
    style="width: 100%">
    <el-table-column
      label="申请时间"
      prop="apply_time"
      :formatter="dateFormat" # formatter为固定写法，dateFormat就是刚写的方法
      >
    </el-table-column>
    <el-table-column
      label="完成时间"
      prop="complete_time"
      :formatter="dateFormat">
    </el-table-column>
      </template>
    </el-table-column>

  </el-table>
  </div>
</template>