直播軟體搭建，全域性過濾器（時間，年月日，一千加逗號處理）

直播軟體搭建，全域性過濾器（時間，年月日，一千加逗號處理）

步驟一：處理資料 

export const formatYmd = (date) => {
  let time = new Date(date)
 
  let y = time.getFullYear()
  let m = time.getMonth() + 1
  let d = time.getDate()
 
  return [y, m, d].map((v) => String(v).padStart(2, '0')).join('/')
}
 
//處理年月日時分秒
export const formatYmdHms = (date) => {
  let time = new Date(date)
 
  let y = time.getFullYear()
  let M = time.getMonth() + 1
  let d = time.getDate()
 
  let h = time.getHours()
  let m = time.getMinutes()
  let s = time.getSeconds()
 
  return (
    [y, M, d].map((v) => String(v).padStart(2, '0')).join('-') +
    ' ' +
    [h, m, s].map((v) => String(v).padStart(2, '0')).join(':')
  )
}
 
//處理時分秒
export const formatHms = (date) => {
  let time = new Date(date)
 
  let h = time.getHours()
  let m = time.getMinutes()
  let s = time.getSeconds()
 
  return [h, m, s].map((v) => String(v).padStart(2, '0')).join(':')
}
 
//一千加逗號
export const formatNum = (num) => {
  let reg = /\d{1,3}(?=(\d{3})+$)/g
  // 表示前面有1~3個數字，後面的至少由一組3個數字結尾
 
  return (num + '').replace(reg, '$&,')

步驟二：main.js 註冊全域性過濾器

//引入過濾器函式
import * as filters from '@/filters'
 
//迴圈註冊 全域性過濾器
Object.keys(filters).forEach((key) => {
  //引數1 過濾器名稱 引數2 過濾器函式體
  Vue.filter(key, filters[key])
})

 以上就是 直播軟體搭建，全域性過濾器（時間，年月日，一千加逗號處理），更多內容歡迎關注之後的文章