zoukankan      html  css  js  c++  java
  • 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])
          }
        }
      ]
    }
    
  • 相关阅读:
    $watch和watch属性的使用
    实例方法this.$delete的使用
    实例方法$set的用法
    $nextTick的使用
    vue初始化项目一直停在downloading template的解决办法
    vue小白快速入门
    vue计算属性详解——小白速会
    Nginx在windows环境下的安装与简单配置
    redis持久化
    谈谈区块链正经的商用场景!
  • 原文地址:https://www.cnblogs.com/ZweiZhao/p/10046859.html
Copyright © 2011-2022 走看看