前端处理时间格式，时间戳的转换封装

约定不等于承诺〃 2023-02-15 05:03 55阅读 0赞

**首先建立个js文件**

const WEEK_ARR =  ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
    export class DateFormat { 
      date
      constructor (date = new Date()) { 
        this.date = this.getDate(date)
      }
    
      getTimestamp (days) { 
        return days * 24 * 60 * 60 * 1000
      }
    
      add (count, type = 'day') { 
        switch (type) { 
          case 'day':
            this.date = new Date(+this.date + this.getTimestamp(count))
            break
          case 'week':
            this.date = new Date(+this.date + this.getTimestamp(count * 7))
            break
          case 'month':
            const thisMonth = this.date.getMonth()
            // const year = (thisMonth + count)/12 >> 0
            // const month = (thisMonth + count) % 12
            // this.date.setYear(this.date.getFullYear()+year)
            this.date.setMonth(thisMonth + count)
            break
          default:
        }
        return this
      }
    
      /*
       * @date  可以是时间戳，字符串，Date对象
       */
      getDate (date) { 
    
        if (!date) { 
          return new Date()
        }
    
        if (date instanceof Date ) { 
          return date
        }
    
        if (isNaN(date) && typeof date === 'string') { 
          // 2017-01 || 2017/1
          if (/^\d{ 4}-\d{ 2}$/.test(date) || /^\d{ 4}\/\d{ 2}$/.test(date)) { 
            date = `${ date}-01`
          }
          return new Date(date.replace(/-/g, '/'))
        }
    
        if (typeof +date === 'number') { 
          return new Date(date)
        }
      }
    
      isSame (time, type = 'day') { 
        if (type === 'day') { 
          return this.format('YYYY-MM-DD') === time.format('YYYY-MM-DD')
        } else if (type === 'month') { 
          return this.format('YYYY-MM') === time.format('YYYY-MM')
        } else { 
          return this.format('YYYY') === time.format('YYYY')
        }
      }
    
      //timestamp
      timestamp () { 
        return +this.date
      }
    
      //本月第几天
      today () { 
        return this.date.getDate()
      }
    
      //本周第几天
      day () { 
        return this.date.getDay()
      }
    
      month () { 
        return this.date.getMonth()
      }
    
      //当月有几天
      daysInMonth () { 
        const date = new Date()
        const currMonth = this.date.getMonth()
        date.setMonth(currMonth + 1)
        date.setDate(0);
        return date.getDate();
      }
    
      getWeekString () { 
        return WEEK_ARR[this.date.getDay()]
      }
    
      getWeekIndex () { 
        return this.date.getDay()
      }
    
      format (format) { 
        const year = this.date.getFullYear()
        const month = this.date.getMonth() + 1
        const day = this.date.getDate()
        //月历考勤
        const signMonth = this.date.getMonth()
        const fullMonth = signMonth > 9 ? signMonth : signMonth == 0  ? 12 : `0${ signMonth}`
        const hour = this.date.getHours()
        const minute = this.date.getMinutes()
        const second = this.date.getSeconds()
        const monthStr = month > 9 ? month : `0${ month}`
        const dayStr = day > 9 ? day : `0${ day}`
        const hourStr = hour > 9 ? hour : `0${ hour}`
        const minuteStr = minute > 9 ? minute : `0${ minute}`
        const secondStr = second > 9 ? second : `0${ second}`
        let result = ''
        switch (format) { 
          case 'YYYY':
            result = year
            break
          case 'MM':
            result = monthStr
            break
          case 'M':
            result = month
            break
          case 'DD':
            result = dayStr
            break
          case 'D':
            result = day
            break
          case 'HH':
            result = hourStr
            break
          case 'H':
            result = hour
            break
          case 'mm':
            result = minuteStr
            break
          case 'm':
            result = minute
            break
          case 'ss':
            result = secondStr
            break
          case 's':
            result = second
            break
          case 'HH:mm':
            result = `${ hourStr}:${ minuteStr}`
            break
          case 'HH:mm:ss':
            result = `${ hourStr}:${ minuteStr}:${ secondStr}`
            break
          //6.12月历考勤新增
          case 'YYYY-MM-R':
            result =  signMonth == 0 ?  `${ year - 1}-${ fullMonth}` : `${ year}-${ fullMonth}`
            break
          case 'YYYYMM':
            result = `${ year}${ monthStr}`
            break
          case 'YYYY-MM':
            result = `${ year}-${ monthStr}`
            break
          case 'YYYY-MM-DD':
            result = `${ year}-${ monthStr}-${ dayStr}`
            break
          case 'YYYY/MM/DD':
            result = `${ year}/${ monthStr}/${ dayStr}`
            break
          case 'YYYY-M-D':
            result = `${ year}-${ month}-${ day}`
            break
          case 'YYYY-MM-DD HH:mm':
            result =  `${ year}-${ monthStr}-${ dayStr} ${ hourStr}:${ minuteStr}`
            break
          case 'YYYY-MM-DD HH:mm:ss':
            result =  `${ year}-${ monthStr}-${ dayStr} ${ hourStr}:${ minuteStr}:${ secondStr}`
            break
          case 'YYYY-M-D H:m:s':
            result =  `${ year}-${ month}-${ day} ${ hour}:${ minute}:${ second}`
            break
          case 'YYYY-MM-DD 00:00:00':
            result = `${ year}-${ monthStr}-${ dayStr} 00:00:00`
            break
          case 'MM月':
            result = `${ monthStr}月`
            break
          case 'M月D日':
            result = `${ month}月${ day}日`
            break
          case 'M.D':
            result = `${ month}.${ day}`
            break
          case 'MM.DD':
            result = `${ monthStr}.${ dayStr}`
            break
          case 'YYYY/MM/DD':
            result = `${ year}/${ monthStr}/${ dayStr}`
            break
          case 'YYYY/MM/DD HH:mm':
            result = `${ year}/${ monthStr}/${ dayStr} ${ hourStr}:${ minuteStr}`
            break
          case 'MM/DD HH:mm':
            result = `${ monthStr}/${ dayStr} ${ hourStr}:${ minuteStr}`
            break
          case 'MM月DD日':
            result = `${ month}月${ day}日`
            break
          case 'YYYY年MM月DD日':
            result = `${ year}年${ month}月${ day}日`
            break
          case 'YYYY年MM月':
            result = `${ year}年${ monthStr}月`
            break
          case 'MM月DD日 dddd':
            result = `${ monthStr}月${ dayStr}日 ${ this.getWeekString()}`
            break
          case 'YYYY年MM月DD日 dddd':
            result = `${ year}年${ monthStr}月${ dayStr}日 ${ this.getWeekString()}`
            break
          case 'MM月DD日 HH:mm':
            result = `${ monthStr}月${ dayStr}日 ${ hourStr}:${ minuteStr}`
            break
          case 'YYYY年MM月DD日 HH:mm':
            result = `${ year}年${ monthStr}月${ dayStr}日 ${ hourStr}:${ minuteStr}`
            break
          case 'YYYY年MM月DD日 HH:mm:ss':
            result = `${ year}年${ monthStr}月${ dayStr}日 ${ hourStr}:${ minuteStr}:${ secondStr}`
            break
        }
    
        return result
      }
    
    }
    
    export const dateFormat = (date) => new DateFormat(date)
    
    export const getMonthDays = (date) => { 
      let  days
      let year = date.split('-')[0]
      let month = date.split('-')[1]
      if(month === '02'){ 
        days = year % 4 == 0 ? 29 : 28;
      }else if(month == '01' || month == '03' || month == '05' || month == '07' || month == '08' || month == '10' || month == '12') { 
        days = 31
      }else { 
        days = 30
      }
      return days
    }

**在组件中引入该文件：**

import { dateFormat} from '@/util/DateFormat'

用法很简单 ，根据想要的格式填写就行

let getTimer=dateFormat().format('YYYY-MM-DD HH:mm:ss'),

发表评论取消回复

表情：

评论列表（有 0 条评论，55人围观）

还没有评论，来说两句吧...

相关阅读

相关前端处理时间格式，时间戳的转换封装

首先建立个js文件 const WEEK_ARR = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'] export c

约定不等于承诺〃/ 2023年02月15日 05:03/ 0 赞/ 56 阅读

相关 C#时间格式转换为时间戳

转载连接： http://blog.csdn.net/ZFSR05255134/article/details/53066873?locationNum=4&fps=1

快来打我*/ 2022年11月27日 07:03/ 0 赞/ 259 阅读

相关 js 时间戳转换为时间格式

当后端存储时间的类型是datetime时，如2020-08-09 06:44:13，返回给前台的数据就是时间戳的形式，如1597025394000 ![在这里插入图片描述]

墨蓝/ 2022年11月25日 13:30/ 0 赞/ 162 阅读

相关时间戳格式转换

//当前时间戳加一天 var timestamp = new Date().getTime()+2460601000; //->格式化时间戳

分手后的思念是犯贱/ 2022年11月21日 09:48/ 0 赞/ 231 阅读

相关 JS 时间戳转换成时间格式

function add0(m){return m<10?'0'+m:m } function format(shijianchuo){ /

旧城等待，/ 2022年07月13日 14:56/ 0 赞/ 274 阅读

相关 Python时间格式转换及时间戳转换

对开发中常用的时间格式的转换，希望能方便你我。 import time; 引入time模块 date = "2018-04-20 15:4

痛定思痛。/ 2022年05月25日 22:41/ 0 赞/ 262 阅读

相关处理时间戳的函数封装

使用很简单，直接调用getDate(time)函数即可，参数就是你的时间戳功能说明：根据你传入的时间戳和当前时间进行比较：返回的格式有：年-月-日、星期几、昨天、刚刚

迷南。/ 2022年05月22日 03:09/ 0 赞/ 141 阅读

相关 JS时间格式与时间戳的相互转换

有些时候在写前端的时候，需要用到一些时间，但是时间的格式又比较多，除了时间戳之外，还有各种各样的格式。更多的时候还需要我们把这些格式进行相互转换。所以为了以后使用方便

末蓝、/ 2022年05月22日 01:50/ 0 赞/ 627 阅读

相关时间戳转换格式时间

function formatNumber(n) { n = n.toString() return n[1] ? n : '0'

左手的ㄟ右手/ 2022年04月02日 21:10/ 0 赞/ 375 阅读

相关前端时间戳转换

解决方法：封装了一个方法直接调用 timestampToTime (cjsj) { var date = new Date(cjsj) /

╰半夏微凉°/ 2022年03月19日 14:44/ 0 赞/ 289 阅读