【js】--获取开始时间 和 截止时间中间的所有时间
1.工具函数 将【中国标准时间】 转换成 【年月日 时分秒】
/*
* timeStamp: 标准时间 例: 'Tue Sep 22 2020 00:00:00 GMT+0800 (中国标准时间)'
* fmt: 时间格式
*/
function dealFormData(timeStamp, fmt = 'Y-m-d h:00:00') {
const date = new Date(timeStamp);
const tmpYear = date.getFullYear();
const tmpMon = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1);
const tmpDay = (date.getDate() > 9) ? date.getDate() : '0' + (date.getDate());
const tmpHour = (date.getHours()) > 9 ? date.getHours() : '0' + (date.getHours());
const tmpMinutes = (date.getMinutes()) > 9 ? date.getMinutes() : '0' + (date.getMinutes());
const tmpSeconds = (date.getSeconds()) > 9 ? date.getSeconds() : '0' + (date.getSeconds());
let finalData = '';
switch (fmt) {
case 'Y-m-d h:m:s':
finalData = tmpYear + '-' + tmpMon + '-' + tmpDay + ' ' + tmpHour + ':' + tmpMinutes + ':' + tmpSeconds;
break;
case 'Y-m-d h:00:00':
finalData = tmpYear + '-' + tmpMon + '-' + tmpDay + ' ' + tmpHour + ':00:00';
break;
case 'Y-m-d':
finalData = tmpYear + '-' + tmpMon + '-' + tmpDay;
break;
default:
//
}
return finalData;
}
2.判断函数,是否是【中国标准时间】 用到上面的 dealFormDate 方法
// 判断是否 中国标准时间
isChinaStandardTime(time, format) {
let temp = '';
// 判断 时间 是否是 时间字符串, 还是中国标准时间,是中国标准时间 就转换
if (time.indexOf('中国标准时间') !== -1) {
temp = dealFormData(time, format);
return temp;
}
return time;
},
3.得到中间的时间方法
// 得到中间的时间
/*
* type: 类型 'hour', 'day'
* startTime: 开始时间 例:'2020-09-22 00:00:00'
* endTime: 结束时间 例:'2020-09-23 23:00:00'
*/
getMiddleData(type, startTime, endTime) {
const dealTimeArr = [];
let dealStartTime = new Date(startTime).getTime();
const dealEndTime = new Date(endTime).getTime();
if (type === 'hour') {
while (true) {
if (dealStartTime <= dealEndTime) {
const itemTime = this.isChinaStandardTime((new Date(dealStartTime)).toString(), 'Y-m-d h:00:00');
dealTimeArr.push(itemTime);
// debugger;
dealStartTime += 1 * 60 * 60 * 1000;
} else {
break;
}
}
} else if (type === 'day') {
while (true) {
if (dealStartTime <= dealEndTime) {
const itemTime = this.isChinaStandardTime((new Date(dealStartTime)).toString(), 'Y-m-d');
dealTimeArr.push(itemTime);
// debugger;
dealStartTime += 24 * 60 * 60 * 1000;
} else {
break;
}
}
}
console.log(dealTimeArr);
},
4.调用
// 选完 小时数据的结束时间 时 调用接口
/*
* t: 中国标准时间,这是 element-ui 时间选择器的change方法,默认传进来的值
*/
queryHourData(t) {
this.choseTimeHour.startTime = this.isChinaStandardTime(this.choseTimeHour.startTime.toString(), 'Y-m-d h:00:00');
this.choseTimeHour.endTime = this.isChinaStandardTime(t.toString(), 'Y-m-d h:00:00');
console.log(this.choseTimeHour);
console.log('处理时间');
this.getMiddleData('hour', this.choseTimeHour.startTime, this.choseTimeHour.endTime);
},
element-ui 时间控件
<el-date-picker style="width:192px;" popper-class="dateRangeStyle"
v-model="choseTimeHour.endTime"
type="datetime" @change= "queryHourData"
placeholder="选择日期">
</el-date-picker> 用到的变量:
choseTimeHour: {
startTime: '',
endTime: '',
}
该方法是在使用 Vue框架的时候,用到的,为了便于查看,就写成了 传统js的样式,调用的时候,还是用 vue 的形式调用
【js】--获取开始时间 和 截止时间中间的所有时间的更多相关文章
- js 获取开始时间和结束时间相隔小时及分钟(时间戳操作)
js 获取开始时间和结束时间相隔小时及分钟(时间戳操作) 场景描述:获取开始时间和结束时间相隔小时及分钟 实例: TimeOnConfirm(curDate) { if(this.pickernum ...
- JS获取当前时间和日期
当前时间和日期 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1 ...
- js获取当前系统时间
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...
- Js获取当前日期时间及其它操作
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...
- js 获取当前的时间
第一个小程序,用js获取当前的时间,,比较特殊的是 月是从0开始算的,显示的时候要加1,获取日用getDate(),获取周 getDay(), 直接上代码 <!DOCTYPE html> ...
- js获取当前时间显示在页面上
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- js 获取当前系统时间
Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...
- js 获取系统当前时间
JS获取当前的日期和时间的方法:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年 ...
- js获取当前时间&js 页面时钟
js获取当前时间 //获取当前时间,格式YYYY-MM-DD function getNowFormatDate() { var date = new Date(); var seperator1 = ...
随机推荐
- PYTHON 当前.PY文件名不能与引入的模块同名
当前文件名:sqlite3.py 文件引入import sqlite3 运行会出错,因为调用sqlite3的方法首先从当前文件找方法,当然找不到,所以会报错了
- Java基础00-抽象类20
1. 抽象类 1.1 抽象类概述 代码示例:没有{}大括号的方法就是一个没有方法体的方法,要把它定义成抽象方法,就要给它加一个abstract关键字,而类中有抽象方法,该类也必须是一个抽象类,所以给类 ...
- [刘阳Java]_easyui-panel组件入门级_第3讲
EasyUI中的panel组件在前面一节中我们简单告诉了大家代码如何写.这一节我们会从panel的入门级开始讲起走,重点包括它的事件监听,属性tool介绍 1. 事件监听-通过data-options ...
- CSS设置height为100%无效的情况
CSS设置height为100%无效的情况 笔者是小白,不是特别懂前端.今天写一个静态的HTML页面,然后想要一个div占据页面的100%,但是尝试了很多办法都没有实现,不知道什么原因. 后来取百度搜 ...
- 第二篇 -- SpringBoot入门Helloworld
之前讲Jmeter接口的时候讲过社区版怎么创建web接口,那么现在用企业版创建一个Springboot项目.企业版自带Springboot,新建起来更加简单. 第一步:新建一个项目 第二步:选择Spr ...
- Docker隔离技术
前言 Docker系列文章: 此篇是Docker系列的第九篇,之前的文章里面或多或少的提到Docker的隔离技术,但是没有很清楚的去聊这个技术,但是经过这么多文章大家一定对Docker使用和概念有了一 ...
- [源码解析] 机器学习参数服务器ps-lite 之(3) ----- 代理人Customer
[源码解析] 机器学习参数服务器ps-lite 之(3) ----- 代理人Customer 目录 [源码解析] 机器学习参数服务器ps-lite 之(3) ----- 代理人Customer 0x0 ...
- 自学linux——7.Linux的自有服务(进阶篇)
linux自有服务 1.设置主机名 (1)临时设置主机名,需要切换用户(su)使之生效 #hostname主机名 (2)永久设置主机名,需要重启 先找到一个文件[主机名的配置文件]/etc/sysco ...
- Virustotal工具产品初研
一.产品新特点 1.群体智能 2.VT图 3.VT Yara 规则的生成与优化 4.内容搜索优化(大小及提交数量) 二.产品功能 1. --->安全管理员 威胁平台资源丰富 TIP .MISP ...
- Java面向对象01——什么是面向对象
面向过程&面向对象 面向过程思想(微观): 步骤清晰简单,第一步做什么,第二部做什么....... 面向过程适合处理一些较为简单的问题 面向对象思想(宏观): 物以类聚,分类的思维模式,思考问 ...