本日 本周 本月 本年  时间按钮   date 组件内添加

pickerOptions2: {
shortcuts: [
{
text: '今日',
onClick(picker) {
picker.$emit('pick', new Date());
}
},{
text: '本周',
onClick(picker) {
let oneDayLong = 24*60*60*1000 ;
let now = new Date();
let mondayTime = now.getTime() - (now.getDay()-1)*oneDayLong;
let sundayTime = now.getTime() + (7-now.getDay())*oneDayLong;
let monday = new Date(mondayTime);
let sunday = new Date(sundayTime);
picker.$emit('pick', [monday,sunday]);
}
}, {
text: '本月',
onClick(picker) {
let oneDayLong = 24*60*60*1000;
let now = new Date();
let year = now.getFullYear();
let monthStartDate = new Date(year, now.getMonth()+1, 1);//当前月1号
let nextMonthStartDate = new Date(year, now.getMonth()+2, 1);//下个月1号
let days = (nextMonthStartDate.getTime() -
monthStartDate.getTime())/oneDayLong;//计算当前月份的天数
let monthEndDate = new Date(year, now.getMonth()+1, days);
picker.$emit('pick', [monthStartDate, monthEndDate]);
}
}, {
text: '本年',
onClick(picker) {
let now=new Date()
let year = now.getFullYear();
let start= new Date(year, 0, 1)
let end= new Date(year, 11, 31)
picker.$emit('pick', [start, end])
}
}]
},

//触发时间选择
radioDataChange(val){
console.log(val)
this.$emit('daterange', new Date());
const now = new Date();
const end = new Date().getTime()-3600*365;
const start = new Date().getTime()-3600*365;
const oneDayLong = 24*60*60*1000
const year = now.getFullYear();
switch(val){
case '今日':
this.value7=[end,start];
break;
case '本周':
let mondayTime = now.getTime() - (now.getDay()-1)*oneDayLong;
let sundayTime = now.getTime() + (7-now.getDay())*oneDayLong;
this.value7=[mondayTime,sundayTime];
break;
case '本月':
console.log(now+","+year);
let monthStartDate = new Date(year, now.getMonth()+1, 1).getTime();//当前月1号
let nextMonthStartDate = new Date(year, now.getMonth()+2, 1);//下个月1号
let days = (nextMonthStartDate.getTime() -monthStartDate)/oneDayLong;//计算当前月份的天数
let monthEndDate = new Date(year, now.getMonth()+1, days).getTime();
this.value7= [monthStartDate, monthEndDate];
break;
case '全年':
let Ystart= new Date(year, 0, 1).getTime();
let Yend= new Date(year, 11, 31).getTime();
this.value7= [Ystart, Yend];
break;
}
},

使用按钮触发element 时间事件 --时间戳的更多相关文章

  1. JavaScript点击事件-一个按钮触发另一个按钮

    <input type="button" value="Click" id="C" onclick="Go();" ...

  2. iOS定时器按钮短时间内多次点击只触发一次事件方法

    今天在看别人代码的时候,有个个60秒获取验证码的功能,做了个定时器,按钮触发定时器,点击按钮后设置按钮的enabled为NO,逻辑来讲都是没问题的 但是实际操作的时候,恶意的在短时间内多次点击那个获取 ...

  3. jquery 触发/失去焦点事件例子详解

    触发焦点: $("Element").focus() 触发每一个匹配元素获得焦点事件. $("Element").focus(function) 事件会在获得焦 ...

  4. 解决Socket.IO在IE8下触发disconnect时间过长

    本文地址: http://www.cnblogs.com/blackmanba/p/solve-socketIO-IE8-emit-disconnect-too-long.html或者http://f ...

  5. Vue框架Element的事件传递broadcast和dispatch方法分析

    前言 最近在学习饿了么的Vue前端框架Element,发现其源码中大量使用了$broadcast和$dispatch方法,而Element使用的是Vue2.0版本,众所周知在Vue 1.0升级到2.0 ...

  6. vue中click阻止事件冒泡,防止触发另一个事件

    在使用el-upload组件时,在其中放置了一个删除按钮的图片. 当点击图片,本想只删除上传的视频,但是意外触发了el-upload中的事件 解决办法:用stop,结果只删除当前预览,不触发上传事件. ...

  7. Python pyQt4/pyQt5 学习笔记1(空白窗口,按钮,控件事件,控件提示,窗体显示到屏幕中间,messagebox)

    PyQt4是用来编写有图形界面程序(GUI applications)的一个工具包.PyQt4作为一个Python模块来使用,它有440个类和超过6000种函数和方法.同时它也是一个可以在几乎所有主流 ...

  8. visual studio 2013 触发挂起事件

    在 VS2013 中调试 winddows phone 或者 win rt 程序的时候,需要手动触发 “挂起” 事件. 如果找不到这个按钮: 1.打开菜单栏中的 “自定义” 对话框: 2.选择调试位置 ...

  9. form.submit 方法 并不会触发 form.onsubmit 事件

    做表单的时候发现一个奇怪的地方,总结下: form.submit 方法 并不会触发 form.onsubmit 事件,看代码: <body> <div class="con ...

随机推荐

  1. 【学习笔记】tensorflow实现一个简单的线性回归

    目录 准备知识 Tensorflow运算API 梯度下降API 简单的线性回归的实现 建立事件文件 变量作用域 增加变量显示 模型的保存与加载 自定义命令行参数 准备知识 Tensorflow运算AP ...

  2. Djiango初识

    加载静态文件 在一个网页中,不仅仅只有一个 html 骨架,还需要 css 样式文件, js 执行文件以及一些图片 等.因此在 DTL 中加载静态文件是一个必须要解决的问题.在 DTL 中,使用 st ...

  3. JavaScript(二)

    本文转载自https://blog.csdn.net/xiaogeldx/article/details/85412716 JavaScript操作符 算术运算符 算术运算符有:+,-,*,/,%,+ ...

  4. asp.net/wingtip/显示数据和详细信息

    前边我们的工作处于wingtip工程基础建设阶段,先是建立了“数据访问层”,然后设计建设了“UI和导航”的框架,接下来要充实工程的内容,显示“数据和详细信息”. 一. 添加数据控件(Data Cont ...

  5. 卷烟厂生产管理系统基于ASP.NET

    VS.Net 2003开发的一个非常老的生产信息管理系统运行10多年依旧稳定,这几天来南昌做维保工作,看到了曾经开发的信息系统.该系统在我眼里老到几点,可却依然在厂里大面积使用,抛开技术上的落后,从新 ...

  6. android Q build 变化

    一 概述 android Q build变化整体上越来越严格,语法上之前能够使用的Q上将不能使用. 二 主要变化 2.1  'USER' 弃用 ‘USER’后面的值会被设置成‘nobody',andr ...

  7. ASP.NET Core 入门教程 3、ASP.NET Core MVC路由入门

    一.前言 1.本文主要内容 ASP.NET Core MVC路由工作原理概述 ASP.NET Core MVC带路径参数的路由示例 ASP.NET Core MVC固定前/后缀的路由示例 ASP.NE ...

  8. 一个表里有多个字段需要同时使用字典表进行关联显示,如何写sql查询语句

    参考:https://bbs.csdn.net/topics/330032307 数据库里面有一个字典表,这张表里面有id段和对应的名字字段.在另外一个记录的表里面有对应的上述字典表的id,而且有多个 ...

  9. Spring MVC 数据绑定 (四)

    完整的项目案例: springmvc.zip 目录 实例 项目结构路径: 一.配置web.xml <?xml version="1.0" encoding="UTF ...

  10. redhat yum ISO 本地源

    先将ISO文件挂载起来: [root@racdb1 ~]# mount -o loop /opt/soft/rhel-server-6.8-x86_64-dvd.iso /mnt/iso [root@ ...