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])
          }
        }
      ]
    }
    
  • 相关阅读:
    Linux 常用命令
    Oracle DG 三种模式(转)
    S5PV2210
    Timer wheel etc.
    SCM etc.
    负载均衡 IO etc.
    Remoting,OData Snippet Compiler等
    displaytag 动态列实现
    <display:column>属性解释
    <display:table>属性解释
  • 原文地址:https://www.cnblogs.com/ZweiZhao/p/10046859.html
Copyright © 2011-2022 走看看