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])
          }
        }
      ]
    }
    
  • 相关阅读:
    MySQL的语句执行顺序
    linux 常用命令
    scala 样例类转json字符串
    Hadoop之——HDFS的RPC机制
    Hadoop之——机架感知配置
    hadoop-2.6.0-cdh5.14.0 集群高可用搭建
    spark 运行在YARN上参数配置
    日志框架SLF4J和log4j以及logback的联系和区别
    spark的rdd.saveastextfile可以追加写入hdfs同一个文件吗?
    ojdbc14-10.2.0.1.0 jar包下载
  • 原文地址:https://www.cnblogs.com/ZweiZhao/p/10046859.html
Copyright © 2011-2022 走看看