阅读 53

js 时间戳转各种表现形式的日期展示通用工具函数

/** *

  • @param {time} 时间戳 10位或者13位
  • @param {*} cFormat 希望返回表现形式 默认'{y}-{m}-{d} {h}:{i}:{s}'
  • @returns '2021年05月12日 05:12'

*/

export function parseTime(time, cFormat) {
  if (arguments.length === 0) {
    return null
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (typeof time === 'object') {
    date = time
  } else {
    if (('' + time).length === 10) time = parseInt(time) * 1000
    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]
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
    if (result.length > 0 && value < 10) {
      value = '0' + value
    }
    return value || 0
  })
  return time_str
}
复制代码

调用示范

parseTime(time,'{m}月{d}日 星期{a} {h}:{i}')
复制代码

封装成全局指令

import Vue from 'vue'
import { parseTime } from '@/utils/parseTime'

const formatTime = (time) => {
  return parseTime(time)
}

Vue.filter('$tcsFormatTime', formatTime)// 插入过滤器名和对应方法
复制代码

参考

文章分类
前端
文章标签