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])
}
}
]
}
el-date-picker 快捷日期简单计算的更多相关文章
- iOS开发UI篇—Date Picker和UITool Bar控件简单介绍
iOS开发UI篇—Date Picker和UITool Bar控件简单介绍 一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件 有默认宽高,不用设置数据源和代理 如何 ...
- Java中使用LocalDate根据日期来计算年龄
Java中和日期直接相关的类有很多,平时最常用到的就是java.util package下面的Date和Calendar,需要用到格式的时候还会用到java.text.SimpleDateFormat ...
- 微软BI 之SSRS 系列 - 基于时间段参数的 MDX 查询以及时间日历 Date Picker 的时间类型参数化
今天在天善问答里看到一个问题,如果我没有理解错的话,它应该是指比如在一个报表中选取一个时间段,然后求出这个时间段的某个 Measure 的 SUM 和.并且同时求出这两个时间点对应的上一年的时间点之间 ...
- javascript date picker
一个简洁的date picker <html><head><meta http-equiv="Content-Type" content=" ...
- PHP 时间 date,strtotime ,time计算1970开始的第几天
首先,需要看你的php时区配置参数 方式1:更改php配置文件,然后从其fast-cgi或者php调用的地方: 方式2:date_default_timezone_set('PRC'); date函数 ...
- asp.net使用My97 Date Picker时设置默认起始时间为n年之前的今天
可以使用My97 Date Picker组件来收集用户输入的日期值. 首先下载该组件:http://www.my97.net/dp/index.asp放到自己的项目中. 然后在项目里面引用js和css ...
- 一些日期的计算方式 PHP
一些日期的计算 某个月内的所有天数: public function getMonthDay ($date) { $stattime = strtotime(date('Ym01',strtotime ...
- Java日期推迟计算、日期大小
/** * 日期推迟计算 * @param date * @param num * @return java.util.HashMap<java.lang.String,java.lang.St ...
- Java初学者作业——编写 Java 程序,在控制台中输入日期,计算该日期是对应年份的第几天。
返回本章节 返回作业目录 需求说明: 编写 Java 程序,在控制台中输入日期,计算该日期是对应年份的第几天. 实现思路: (1)声明变量 year.month和 date,用于存储日期中的年.月.日 ...
随机推荐
- 章节七、3-ArrayList和LinkedList对比
一.创建集合并添加元素(从末尾位置添加) package ZangJie7; import java.util.ArrayList; import java.util.LinkedList; impo ...
- Python笔记(十七):生成器
(一)生成器(Generator) Python生成器是创建迭代器的简单方法.简单来说,生成器是一个函数,它返回一个我们可以迭代的对象(迭代器)(一次一个值). 因为下面会用到列表生成式,这里先说明下 ...
- return ||和return && 区别
return a && b 如果a是true的话,返回b,否则返回a return a || b 如果a是true的话,返回a,否则返回b
- c/c++ 智能指针 shared_ptr 使用
智能指针 shared_ptr 使用 上一篇智能指针是啥玩意,介绍了什么是智能指针. 这一篇简单说说如何使用智能指针. 一,智能指针分3类:今天只唠唠shared_ptr shared_ptr uni ...
- c/c++ 用前序和中序,或者中序和后序,创建二叉树
c/c++ 用前序和中序,或者中序和后序,创建二叉树 用前序和中序创建二叉树 //用没有结束标记的char*, clr为前序,lcr为中序来创建树 //前序的第一个字符一定是root节点,然后去中序字 ...
- strlen strcat strcpy strcmp 自己实现
strlen strcat strcpy strcmp 自己实现 strlen include <stdio.h> #include <string.h> #include & ...
- Windows Server 2016-Windows Server Backup功能
一.Windows Server Backup 介绍: Windows Server Backup 是一种功能,它提供了一组向导和其他工具,大概从WinSer2008开始Win Ser Backup引 ...
- 通过Socket实现TCP编程,用户登录之服务器相应客户端,客户端和服务端之间的通信
服务器端: 1.创建ServerSocket对象,绑定监听端口: 2.通过accept()方法监听客户端请求: 3.建立连接后通过输入流读取客户端发送的请求信息; 4.通过输出流向客户端发送响应信息; ...
- puppet 横向扩展(一)
目录 1. 概述 2. 实验环境 3. 实验步骤 3.1. 创建puppetmaster的rack环境 3.2. 配置文件设置 3.3. 补充说明 3.4. 测试配置结果 3.4.1. 默认的负载均衡 ...
- 我的BRF+自学教程(二):跟踪模式(trace mode)
使用自开发程序来处理业务逻辑时,处理过程通常是个黑箱,业务顾问和业务用户不知道程序的具体运行方式,要依赖文档和频繁的沟通来确认实际情况. BRFplus可以通过配置的方式实现业务逻辑,使得业务人员把业 ...