date(vue项目中点击获取不同时间,elment时间插件)

// html

{{item.title}}

// data

setDays: [
  {title: '当天', time: 'today'},
  {title: '前一天', time: 'yestoday'},
  {title: '后一天', time: 'tomorray'},
  {title: '本月', time: 'thisMonth'},
  {title: '上月', time: 'lastMonth'}
],
getToday: '',

// mounted

this.getToday = Number(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()))

// methods

setTime (type) {
  if ((!this.searchParams['time1'][0] || !this.searchParams['time1'][1]) && type !== 'today') {
    this.searchParams['time1'] = [this.getToday, this.getToday]
  }
  if (type === 'today') {
    this.searchParams['time1'] = [this.getToday, this.getToday]
  } else if (type === 'yestoday') {
    let yestodayStart = Number(new Date(new Date(this.searchParams['time1'][0]).setDate(new Date(this.searchParams['time1'][0]).getDate() - 1)))
    let yestodayEnd = Number(new Date(new Date(this.searchParams['time1'][1]).setDate(new Date(this.searchParams['time1'][1]).getDate() - 1)))
    this.searchParams['time1'] = [yestodayStart, yestodayEnd]
  } else if (type === 'tomorray') {
    let tomorrayStart = Number(new Date(new Date(this.searchParams['time1'][0]).setDate(new Date(this.searchParams['time1'][0]).getDate() + 1)))
    let tomorrayEnd = Number(new Date(new Date(this.searchParams['time1'][1]).setDate(new Date(this.searchParams['time1'][1]).getDate() + 1)))
    this.searchParams['time1'] = [tomorrayStart, tomorrayEnd]
  } else if (type === 'thisMonth') {
    let MonthFirstDay = new Date(new Date(this.getToday).getFullYear(), new Date(this.getToday).getMonth(), 1)
    let MonthNextFirstDay = new Date(new Date(this.getToday).getFullYear(), new Date(this.getToday).getMonth() + 1, 1)
    let MonthLastDay = new Date(MonthNextFirstDay - 86400000)
    this.searchParams['time1'] = [MonthFirstDay, MonthLastDay]
  } else if (type === 'lastMonth') {
    let lastMonthFirstDay = new Date(new Date(this.searchParams['time1'][0]).getFullYear(), new Date(this.searchParams['time1'][0]).getMonth() - 1, 1)
    let lastMonthNextFirstDay = new Date(new Date(this.searchParams['time1'][0]).getFullYear(), new Date(this.searchParams['time1'][0]).getMonth(), 1)
    let lastMonthLastDay = new Date(lastMonthNextFirstDay - 86400000)
    this.searchParams['time1'] = [lastMonthFirstDay, lastMonthLastDay]
  }
},

 

date(vue项目中点击获取不同时间,elment时间插件)_第1张图片

 

 

 

你可能感兴趣的:(vue,date)