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,用于存储日期中的年.月.日 ...
随机推荐
- css 布局之定位 相对/绝对/成比例缩放
给body添加 overflow: hidden; 可以将页面所有的 滚动条隐藏,但必须要给body 设置一个高度 overflow: hidden; height:864px; 父元素必须要设置 p ...
- JavaWeb:servlet实现下载与上传功能
本文内容: servlet实现下载功能 servlet实现上传功能 首发日期:2018-07-21 servlet实现下载功能 实现流程 1.首先制作一个jsp页面,主要是用来触发下载的.这里可以根据 ...
- 智能POS承接口碑点餐FAQ
1.一体机正餐后付(正餐6.0.0.8),口碑订单在商家后台无优惠(小票上有),但实收不等于订单金额. 原因:订单回流问题(线上线下数据没有及时回流造成的):造成这个问题的操作: 1.在线下加菜线上同 ...
- EOS智能合约授权限制和数据存储
EOS智能合约授权限制和数据存储 在EOS合约中,调用合约需要来自账户的授权,同时还要指定需要调用的动作.当然,有的合约并不是所有账户都可以调用的,这就需要用到授权限制.接下来我们就来看看如何限制合约 ...
- c/c++ 线性表之顺序表
线性表之顺序表 存储在连续的内存空间,和数组一样. 下面的代码,最开始定义了一个能存8个元素的顺序表,当超过8个元素的时候,会再追加开辟空间(函数:reInit). 实现了以下功能: 函数 功能描述 ...
- Django中间件的使用
Django中间件的使用 中间件(middleware) 中间件应用于request与服务端之间和服务端与response之间,客户端发起请求到服务端接收可以通过中间件,服务端返回响应与客户端接收响应 ...
- 阿里云windows2012+iis8配置https
第一步先创建一个免费的证书 步骤一:申请免费证书 步骤二:填写你的二级域 步骤三:等待审核通过,通过后,点击下载 步骤四:根据自己服务器类型,下载对应的证书,根据阿里云的安装步骤做 以下是阿里云提供的 ...
- Win10家庭版-添加[组策略]
win10家庭版有很多功能都不能用,这一次就碰到了一个找不到‘组策略’的问题,在网上搜索到了一个方法,记录一下: 新建一个txt,将下面内容复制到文本中: =====分隔符====== @echo o ...
- windows下数据库文件使用脚本同步到linux下的mysql数据库中
1.背景 windows server 2008 下 每天会有 *.sql数据文件 需要上传到linux 中的mysql数据库中 而运维人员是在 windows server 下使用 xshell 连 ...
- php学习----运算符
PHP 1.运算符 加减乘除与数学运算无异 但PHP的赋值运算符有两种,分别是: (1)"=":把右边表达式的值赋给左边的运算数.它将右边表达式值复制一份,交给左边的运算数.换而言 ...