vue中+element时间控件问题

< el-date-picker v-model=“listQuery.occurTimearr” type=“datetimerange” :picker-options=“pickerOptions” unlink-panels start-placeholder=“开始日期”
end-placeholder=“结束日期” :default-time="[‘00:00:00’, ‘23:59:59’]" range-separator="~" value-format=“yyyy-MM-dd HH:mm:ss” format=“yyyy-MM-dd HH:mm:ss”/>
设置默认日期

1.设置近一周且时间为00:00:00和23:59:59
this.start = new Date(new Date().getTime()-3600 * 1000 * 24 * 7);
var year = this.start.getFullYear();
var month = this.start.getMonth() + 1;
var date = this.start.getDate();
var fullDate = year + “-” + month + “-” + date;
//开始时间
var startDateTime = fullDate + ’ 00:00:00’;
//结束时间
var time = new Date();
year = time.getFullYear();
month = time.getMonth() + 1;
date = time.getDate();
fullDate = year + “-” + month + “-” + date;
var endDateTime = fullDate + ’ 23:59:59’;
this.listQuery.occurTimearr = [startDateTime, endDateTime];
2.近一个月:
//查询最近1个月数据
var start = new Date(new Date().getTime()- 3600 * 1000 * 24 * 7);
var end = new Date();
var time = new Date();
time.setMonth(time.getMonth() - 1);
var year = time.getFullYear();
var month = time.getMonth() + 1;
var date = time.getDate();
var fullDate = year + “-” + month + “-” + date;
//开始时间
var startDateTime = fullDate + ’ 00:00:00’;
//结束时间
time = new Date();
year = time.getFullYear();
month = time.getMonth() + 1;
date = time.getDate();
fullDate = year + “-” + month + “-” + date;
var endDateTime = fullDate + ’ 23:59:59’;
this.listQuery.occurTimearr = [startDateTime, endDateTime];
3.最近1小时:
var start = new Date(new Date().getTime()-16060*1000-1);
var end = new Date(new Date().getTime());
this.listQuery.occurTimearr = [start, end];
4.查询今天00:00:00到目前时间
this.start = new Date(new Date(new Date().toLocaleDateString()).getTime());
this.end = new Date(new Date().getTime());
this.listQuery.occurTimearr = [this.start, this.end];
5.今天
var time = new Date();
var year = time.getFullYear();
var month = time.getMonth() + 1;
var date = time.getDate();
var fullDate = year + “-” + month + “-” + date;
var startDateTime = fullDate + ’ 00:00:00’;
var endDateTime = fullDate + ’ 23:59:59’;
this.listQuery.occurTimearr = [startDateTime ,endDateTime];
6.最近几天
var time = new Date();
time.setDate(time.getDate() - 1);//例如2时就是-1,3就是-2以此类推
var year = time.getFullYear();
var month = time.getMonth() + 1;
var date = time.getDate();
var fullDate = year + “-” + month + “-” + date;
//开始时间
var startDateTime = fullDate + ’ 00:00:00’;
//结束时间
time = new Date();
year = time.getFullYear();
month = time.getMonth() + 1;
date = time.getDate();
fullDate = year + “-” + month + “-” + date;
var endDateTime = fullDate + ’ 23:59:59’;
this.listQuery.occurTimearr = [startDateTime ,endDateTime];

7.计算两日期直接时间间隔
分开的
let startTime = new Date(‘2018-1-1’); // 开始时间
let endTime = new Date(); // 结束时间
console.log(endTime - startTime); // 毫秒数
console.log(Math.floor((endTime - startTime) / 1000)); // 秒数
console.log(Math.floor((endTime - startTime) / 1000 / 60)); // 分钟
console.log(Math.floor((endTime - startTime) / 1000 / 60 / 60)); // 小时
console.log(Math.floor((endTime - startTime) / 1000 / 60 / 60 / 24)); // 天数
合起来的
let startTime = new Date(‘2018-1-1’); // 开始时间
let endTime = new Date(); // 结束时间
let usedTime = endTime - startTime; // 相差的毫秒数
let days = Math.floor(usedTime / (24 * 3600 * 1000)); // 计算出天数
let leavel = usedTime % (24 * 3600 * 1000); // 计算天数后剩余的时间
let hours = Math.floor(leavel / (3600 * 1000)); // 计算剩余的小时数
let leavel2 = leavel % (3600 * 1000); // 计算剩余小时后剩余的毫秒数
let minutes = Math.floor(leavel2 / (60 * 1000)); // 计算剩余的分钟数
return days + ‘天’ + hours + ‘时’ + minutes + ‘分’;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值