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])
          }
        }
      ]
    }
    
  • 相关阅读:
    解决:安装SQl 2008为SQL Server代理服务提供的凭据无效
    jquery 瀑布流效果
    设置swfupload 一次只上传一个文件
    设置swfupload选择文件后不自动上传
    Sublime Text3 & MinGW & LLVM CLang 安装配置CC++编译环境
    在WINDOWS中安装使用SIGPACK(MinGW64+Sublime Text3 &Visual Studio)
    关于ThinkPHP_5 的入口文件
    centos7安装lamp环境
    ThinPHP_5的请求和响应
    MySQL的字段长度和显示宽度
  • 原文地址:https://www.cnblogs.com/ZweiZhao/p/10046859.html
Copyright © 2011-2022 走看看