vue中常用处理时间格式化方法

import Vue from 'vue'
import moment from 'moment' // 导入moment.js
// 将时间戳转化为xxxx-xx-xx xx:xx:xx的时间格式
Vue.filter('datetime', timestamp => {
  function format (number) {
    return number.toString().padStart(2, '0')
  }

  const date = new Date(Number.parseInt(timestamp, 10))
  const YYYY = date.getFullYear()
  const MM = date.getMonth() + 1
  const DD = date.getDate()
  const hh = date.getHours()
  const mm = date.getMinutes()
  const ss = date.getSeconds()
  return `${YYYY}-${format(MM)}-${format(DD)} ${format(hh)}:${format(mm)}:${format(ss)}`
})

// 日期时间格式化 默认 YYYY-MM-DD 格式
Vue.filter('dateTimeFormat', (value, format = 'YYYY-MM-DD') => {
  // 验证 format 为日期还是时间
  if (!value && format === 'YYYY-MM-DD') return '请选择日期'
  if (!value && (format === 'YYYY-MM-DD HH:mm' || format === 'HH:mm')) return '请选择日期时间'
  if (format === 'HH:mm') return value
  return moment(value).format(format)
})
// 日期时间格式化
Vue.filter('dateTimeF', (value, format = 'YYYY-MM-DD HH:mm:ss') => {
  if (!value) return ''
  return moment(value).format(format)
})
// 数组转字符串
Vue.filter('array2string', (value) => {
 return value.join('')
})

// 获取当前时间
export const getDate = (date) => {
  function format (number) {
    return number.toString().padStart(2, '0')
  }

  let YYYY = date.getFullYear()
  let MM = date.getMonth() + 1
  let DD = date.getDate()
  return `${YYYY}-${format(MM)}-${format(DD)}`
}
Logo

前往低代码交流专区

更多推荐