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])
          }
        }
      ]
    }
    
  • 相关阅读:
    Ajax学习感悟
    C#自定义控件designmodel的判断
    Asp.net+Flash多文件上传
    .net下帮助文件(sandcastle)
    水晶报表小例用于学习
    WinAPI转C#利器
    利用HttpHandler和Cache统计点击量
    关于C#调用API的理解(汇多考勤机HD4K)
    ubuntu 12.04 配置PHP開發環境遇到的問題
    windows 7 系統在VMWear workstation 9上安裝Mac OS X 10.7
  • 原文地址:https://www.cnblogs.com/ZweiZhao/p/10046859.html
Copyright © 2011-2022 走看看