Vue实现点击时间获取时间段查询功能
2024-09-25 16:14:58
二话不说,先上图
实现如上代码:
//获取本周第一天
showWeekFirstDay: function () {
let Nowdate = new Date();
let WeekFirstDay = new Date(Nowdate - (Nowdate.getDay() - 1) * 86400000);
let M = Number(WeekFirstDay.getMonth()) + 1;
if (M < 10) {
M = "0" + M;
}
let D = WeekFirstDay.getDate();
if (D < 10) {
D = "0" + D;
}
return WeekFirstDay.getFullYear() + "-" + M + "-" + D;
},
// 自动回填日期
autoTime(type) {
this.active_time_type = type;
switch (type) {
case 1:
//今日
var temp_start_create_time = new Date().Format("yyyy-MM-dd");
var temp_end_create_time = new Date().Format("yyyy-MM-dd");
break;
case 2:
//本周
var temp_start_create_time = this.showWeekFirstDay()
var temp_end_create_time = new Date().Format("yyyy-MM-dd");
break;
case 3:
//本月
var temp_start_create_time = util.getCurrentMonthFirst();
var temp_end_create_time = util.getCurrentMonthLast();
break;
default:
break;
}
this.value1 = []//element-ui 使用的日期控件定义的v-model值
this.value1.push(temp_start_create_time, temp_end_create_time)
this.start_create_time = this.value1[0];
this.end_create_time = this.value1[1]; }
}
最新文章
- 第52讲:Scala中路径依赖代码实战详解
- Android之Fragment学习笔记①
- 【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记1 IOS8概述
- 【JAVA - SSM】之MyBatis查询缓存
- 浅谈数据库系统中的cache
- SpringMVC简单搭建与入门
- Drupal 7 模 .info 文件描述
- iwebshop模拟秒杀
- mongodb安装使用简单命令
- 转://Oracle 11gR2 硬件导致重新添加节点
- Git(管理修改)
- ArcGIS模型构建器案例教程-批量复制工作空间所有要素类
- 数位DP复习小结
- Visual Studio 2012 调试程序加载缓慢,提示正在下载符号
- 【死磕jeestie源码】类型后面三个点(String...)和数组(String[])的区别
- [转]基于Oracle的EntityFramework的WEBAPI2的实现(一)——准备工作
- Vue2不使用Vuex如何实现兄弟组件间的通信
- TaskScheduler内幕天机解密:Spark shell案例运行日志详解、TaskScheduler和SchedulerBackend、FIFO与FAIR、Task运行时本地性算法详解等
- 浅析php中抽象类和接口的概念以及区别[转]
- Excel的单元格设置下拉选项并填充颜色