el-date-picker 快捷日期簡單計算


const oneDaySeconds = 3600 * 1000 * 24

pickerOptions: {
  shortcuts: [
    {
      text: '今天',
      onClick(picker) {
        const date = new Date()
        const end = date
        const start = date.getTime() - oneDaySeconds
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '昨天',
      onClick(picker) {
        const date = new Date()
        const end = date.getTime() - oneDaySeconds
        const start = date.getTime() - oneDaySeconds * 2
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '本周',
      onClick(picker) {
        const date = new Date()
        const weekday = date.getDay() || 7
        const end = date.getTime()
        date.setDate(date.getDate() - weekday + 1)
        const start = date.getTime()
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '上周',
      onClick(picker) {
        const date = new Date()
        const weekday = date.getDay() || 7
        date.setDate(date.getDate() - weekday + 1)
        const end = date.getTime()
        date.setDate(date.getDate() - 7)
        const start = date.getTime()
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '最近一周',
      onClick(picker) {
        const date = new Date()
        const end = date
        const start = date.getTime() - oneDaySeconds * 7
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '本月',
      onClick(picker) {
        const date = new Date()
        const end = date.getTime()
        date.setDate(1)
        const start = date.getTime()
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '上月',
      onClick(picker) {
        const date = new Date()
        date.setDate(1)
        const end = date.getTime() - oneDaySeconds
        const start = end - oneDaySeconds * 30
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '最近一個月',
      onClick(picker) {
        const date = new Date()
        const end = date
        const start = date.getTime() - oneDaySeconds * 30
        picker.$emit('pick', [start, end])
      }
    },
    {
      text: '最近三個月',
      onClick(picker) {
        const date = new Date()
        const end = date
        const start = date.getTime() - oneDaySeconds * 90
        picker.$emit('pick', [start, end])
      }
    }
  ]
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM