[JavaScript知识库]Vue自定义格式化时间的全局过滤器

Vue.filter('dataFormat', function(originVal){
  const dt = new Date(originVal)

  const y= dt.getFullYear()
  // padStart不足两位 前面补零
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')

  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')

  // return `yyyy-mm--dd hh:mm:ss`
  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

‘dataFormat’ 为此全局过滤器名称 如下进行引用

?<template?v-slot:default="scope">

????????????????{{scope.row.add_time?|?dataFormat}}

????????????</template>

以 const d = (dt.getDate() + ' ').padStart(2, '0') 为例

getDate()获取数字类型 与空字符串相加强制将数字类型转化为字符串类型

字符串的padStart方法和padEnd方法 String.padStart(N, string) 要求String有N个字符，不足则用string补全? padStart是在头部补全 padEnd是在尾部补全