前端修改时间格式

utils.js

export function formatDate (date, fmt) {

  if (/(y+)/.test(fmt)) {

    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))

  }

  let o = {

    'M+': date.getMonth() + 1,

    'd+': date.getDate(),

    'h+': date.getHours(),

    'm+': date.getMinutes(),

    's+': date.getSeconds()

  }

  for (let k in o) {

    if (new RegExp(`(${k})`).test(fmt)) {

      let str = o[k] + ''

      fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))

    }

  }

  return fmt

}

function padLeftZero (str) {

  return ('00' + str).substr(str.length)

}

vue:

<el-table-column >

          <template slot-scope="{ row }">

            <div :style="row.effectiveEndDate<=timeNow && row.effectiveEndDate>dateTime  ?

               'color:#FF1CAE':

               ( row.effectiveEndDate>dateTime ?

               'color:back' : 'color:#FF0000 ')">

              <span >{{row.createTime | formatDate}}</span>

              <span> ~ </span>

              <span>{{row.effectiveEndDate | formatDate}}</span>

            </div>

          </template>

        </el-table-column>

script: 

import { parseTime , formatDate} from "@/utils";

filters:

formatDate(time){

      let date = new Date(time);

      return formatDate(date,'yyyy/MM/dd')

    },