时间格式化

时间格式化

在开发中经常会遇到格式化时间的问题，可以使用插件moment.js,也可自己封装适合自己项目的公用方法，下面以vue项目为例
新建一个公用方法文件，util.ts 在文件中使用如下代码

export function formatDate(date: any, fmt: any) {
  date = new Date(date)
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(
      RegExp.$1,
      (date.getFullYear() + '').substr(4 - RegExp.$1.length)
    )
  }
  const o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds(),
  }
  for (const k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      const str: any = (o as any)[k] + ''
      fmt = fmt.replace(
        RegExp.$1,
        RegExp.$1.length === 1 ? str : padLeftZero(str)
      )
    }
  }
  return fmt
}
function padLeftZero(str: any) {
  return ('00' + str).substr(str.length)
}

用起来比较方便
使用

import { formatDate } from '@/util'
export default Vue.extend({
  data() {
    return {}
  },
  created() {
    console.log(formatDate(new Date(), 'yyyy-MM-dd'))    // 2020-07-22
    console.log(formatDate(new Date(), 'yyyy/MM/dd'))   // 2020/07/22
    console.log(formatDate(new Date(), 'yyyy-MM'))    // 2020-07
    console.log(formatDate(new Date(), 'yyyy/MM'))   // 2020/07
    console.log(formatDate(new Date(), 'yyyy/MM/dd hh:mm:ss'))
    console.log(formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss'))
    console.log(formatDate(毫秒, 'yyyy-MM-dd'))
    console.log(formatDate(毫秒, 'yyyy/MM/dd'))
    。。。。。。自由组合
  }
})