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])
}
}
]
}

el-date-picker 快捷日期简单计算的更多相关文章

  1. iOS开发UI篇—Date Picker和UITool Bar控件简单介绍

    iOS开发UI篇—Date Picker和UITool Bar控件简单介绍 一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件 有默认宽高,不用设置数据源和代理 如何 ...

  2. Java中使用LocalDate根据日期来计算年龄

    Java中和日期直接相关的类有很多,平时最常用到的就是java.util package下面的Date和Calendar,需要用到格式的时候还会用到java.text.SimpleDateFormat ...

  3. 微软BI 之SSRS 系列 - 基于时间段参数的 MDX 查询以及时间日历 Date Picker 的时间类型参数化

    今天在天善问答里看到一个问题,如果我没有理解错的话,它应该是指比如在一个报表中选取一个时间段,然后求出这个时间段的某个 Measure 的 SUM 和.并且同时求出这两个时间点对应的上一年的时间点之间 ...

  4. javascript date picker

    一个简洁的date picker <html><head><meta http-equiv="Content-Type" content=" ...

  5. PHP 时间 date,strtotime ,time计算1970开始的第几天

    首先,需要看你的php时区配置参数 方式1:更改php配置文件,然后从其fast-cgi或者php调用的地方: 方式2:date_default_timezone_set('PRC'); date函数 ...

  6. asp.net使用My97 Date Picker时设置默认起始时间为n年之前的今天

    可以使用My97 Date Picker组件来收集用户输入的日期值. 首先下载该组件:http://www.my97.net/dp/index.asp放到自己的项目中. 然后在项目里面引用js和css ...

  7. 一些日期的计算方式 PHP

    一些日期的计算 某个月内的所有天数: public function getMonthDay ($date) { $stattime = strtotime(date('Ym01',strtotime ...

  8. Java日期推迟计算、日期大小

    /** * 日期推迟计算 * @param date * @param num * @return java.util.HashMap<java.lang.String,java.lang.St ...

  9. Java初学者作业——编写 Java 程序,在控制台中输入日期,计算该日期是对应年份的第几天。

    返回本章节 返回作业目录 需求说明: 编写 Java 程序,在控制台中输入日期,计算该日期是对应年份的第几天. 实现思路: (1)声明变量 year.month和 date,用于存储日期中的年.月.日 ...

随机推荐

  1. 章节四、4-For循环

    一.For循环格式 package introduction5; public class ForLoopDemo { public static void main(String[] args) { ...

  2. 章节四、1-if条件语句

    package introduction5; public class ConditionalStatement { public static void main(String[] args) { ...

  3. 章节一、1-Selenium简介

    一.Selenium WebDriver介绍 1.跨平台,用web浏览器做自动化的工具. 2.可以在浏览器上运行的一个框架,用来进行界面的自动化. 3.支持多种计算机语言. 4.可以模拟真实的用户去操 ...

  4. 关于Linux安装Mono 3.4的bug

    网上可以找到中文的办法,但作者提供了一个完整版下载.麻烦再下载不说,安全问题也得不到保障.其实解决办法很简单. 问题描述:进入mono源码目录,配置后make,然后make install,但是提示缺 ...

  5. MVC框架与三层架构

    MVC框架 介绍: MVC全名Model View Controller Model:模型的意思,代表业务模型 View:视图的意思,代表用户界面 Controller:控制器的意思,控制器接受用户的 ...

  6. Java:注解Annotation(元数据)

    本文内容: 注解Annotation的介绍 基本注解的用法 自定义注解 首发日期:2018-07-28 注解Annotation的介绍 Annotation是代码中的特殊标记,能够在编译.类加载.运行 ...

  7. JHipster生成微服务架构的应用栈(五)- 容器编排示例

    本系列文章演示如何用JHipster生成一个微服务架构风格的应用栈. 环境需求:安装好JHipster开发环境的CentOS 7.4(参考这里) 应用栈名称:appstack 认证微服务: uaa 业 ...

  8. 腾讯云Centos安装gitlab

    参考了网上很多人写的安装教程,结果并不好,最后阅读了官方的英文api,才安装成功,这里记录下来,方便以后使用.我的安装环境为腾讯云主机Centos7.3 64bit gitlab官方api地址点我试试 ...

  9. 洗礼灵魂,修炼python(67)--爬虫篇—cookielib之爬取需要账户登录验证的网站

    学完前面的教程,相信你已经能爬取大部分的网站信息了,但是当你爬的网站多了,你应该会发现一个新问题,有的网站需要登录账户才能看到更多的信息对吧?那么这种网站怎么爬取呢?这些登录数据就是今天要说的——co ...

  10. Microsoft.AspNet.Identity 重置密码

    重置密码:先生成重置密码的Token,然后调用ResetPassword方法重置密码,密码要符合规则.. ApplicationUserManager UserManager => _userM ...