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. 数据库之mysql篇(5)—— 【转载】mysql练习题

    原帖地址:http://www.cnblogs.com/wupeiqi/articles/5748496.html 范例数据sql: /* Navicat Premium Data Transfer ...

  2. SQLServer2016 AlwaysOn AG基于工作组的搭建笔记

    最近搭建了一套SQLServer2016 AlwaysOn AG. (后记:经实际测试,使用SQLServer2012 也同样可以在Winserver2016上搭建基于工作组的AlwaysOn AG, ...

  3. MySQL多表更新的一个坑

    简述 MySQL支持update t1,t2 set t1.a=2;这种语法,别的关系数据库例如oracle和sql server都不支持.这种语法有时候写起来挺方便,但他有一个坑. 测试脚本 dro ...

  4. jQuery -- 光阴似箭(四):jQuery 遍历

    jQuery -- 知识点回顾篇(四):jQuery 遍历 通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称 ...

  5. 自定义Chrome浏览器

    一.全局 自用备份,窗体透明化.要添加对应网站的窗体class到对应的位置 /*主页背景*/ /*https://images.cnblogs.com/cnblogs_com/AardWolf/135 ...

  6. nginx: [emerg] unknown directive "stub_status" in /usr/local/openresty/nginx/conf/conf.d/ngx_metric.conf:19

    问题分析 Nginx没有添加modules/ngx_http_stub_status_module.o模块. 问题解决 没有安装的话,可以在tar包安装编译的时候添加如下参数: # ./configu ...

  7. echarts 设置图例的颜色,不设置color,echarts里面也会有默认的颜色

  8. 解决:Vue刷新/载入页面,出现双括号闪现后消失

    https://cn.vuejs.org/v2/api/#v-cloak v-cloak 不需要表达式 用法: 这个指令保持在元素上直到关联实例结束编译.和 CSS 规则如 [v-cloak] { d ...

  9. js模块化规范—概念和模块化进化史以及模块化的问题

    模块的概念 一个复杂的项目开发中,会写很多js文件,一个js文件执行某些特定的功能,那么每个js都可以称为一个模块,这就是模块的概念 每个js模块内部数据/实现是私有的, 只是向外部暴露一些接口(方法 ...

  10. 设计模式のVisitorPattern(访问者模式)----行为模式

    一.产生背景 访问者模式是封装一些施加于某种数据结构之上的操作.一旦这些操作需要修改的话,接受这个操作的数据结构则可以保存不变.访问者模式适用于数据结构相对稳定的系统, 它把数据结构和作用于数据结构之 ...