vue将日期过滤为年月日，兼容ie

第一步

创建文件js

代码js

export function DateTime(time, cFormat) {
  if (arguments.length === 0) {
    return null
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (time === null) {
    return ''
  }
  if (typeof time === 'object') {
    date = time
  } else {
    if (('' + time).length === 10) time = parseInt(time) * 1000
    if (time) time = time.replace('-', '/') // TODO IE 11不支持“-”形式，转换为“/”形式
    date = new Date(time)
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
  }
  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    let value = formatObj[key]
    if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
    if (result.length > 0 && value < 10) {
      value = '0' + value
    }
    return value || 0
  })
  return time_str
}

引入全局过滤器

export { DateTime } from '@/utils/date'

使用

<template slot-scope="scope">
  <span>{{ scope.row.Date | DateTime ('{y}-{m}-{d}') }}</span>
</template>