封装方法
// 获取间隔数组
getTwoTimeList(val) {
// val-间隔多少个小时
let beginTime = this.parseTime(new Date()) // 开始时间,不加参数就是获取完整时间
let endTime = endTime = this.parseTime(new Date().getTime() + val * 60 * 60 * 1000); // 几个小时之后
// console.log(beginTime,endTime)
const _this = this
let intervaltime = (new Date(beginTime).getTime() - new Date(endTime).getTime()) / 1000;
intervaltime = Math.abs(intervaltime) // 绝对值获取时间数组个数
// console.log('intervaltime',intervaltime)
let timeList = [];
for (let i = 0; i <intervaltime;i++){
// +i就是从开始时间加1秒,往后推时间,减i就是开始时间减1秒,往前推时间
let time = new Date(beginTime).getTime() + i * 1000
time = this.parseTime(new Date(time))
timeList.push(time);
}
// console.log('timeList 00',timeList)
return timeList
}
调用
const timeList = this.getTwoTimeList(2)
this.date = timeList
// 处理时间的
const timeList1= this.getSkipTime(2)
this.time = timeList1
console.log('timeList',timeList,timeList1)
可以将获取的年月日,时分秒,处理下,也可以不处理,根据需求来
格式化时间方法parseTime
将时间整理下,重新处理
getSkipTime(val){
let originalArray = [],newArr=[]
const timeList = this.getTwoTimeList(val)
// 只要时分
timeList.forEach(item=>{
originalArray.push(this.parseTime(new Date(item),'{h}:{i}'))
})
// 7200个数据,就间隔2分钟的算,间隔多少分钟展示一下,2-10分钟,8-20分钟,24-1小时,72-3小时
// const skip =val==2 ? 5*60 :val==8 ? 20*60 :val==24 ?1*60*60:val==72? 3*60*60:10*60
const skip = 5*60
for(let i = 0; i < originalArray.length; i=i+skip) {
newArr.push(originalArray[i])
}
// 数组去重
let uniqueArray = originalArray.filter((item, index, array) => {
return array.indexOf(item) === index
})
如果间隔之后的最后一个数据跟开始处理之前的时间不一样,就将原始最后一个时间赋值
if(uniqueArray [uniqueArray.length-1] != originalArray[originalArray.length-1]){
uniqueArray[uniqueArray.length-1]] = originalArray[originalArray.length-1]
}
return uniqueArray
}
export function parseTime (time, cFormat) {
if (arguments.length === 0 || !time) {
return null
}
const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
if ((typeof time === 'string')) {
if ((/^[0-9]+$/.test(time))) {
// support "1548221490638"
time = parseInt(time)
} else {
// support safari
// https://stackoverflow.com/questions/4310953/invalid-date-in-safari
time = time.replace(new RegExp(/-/gm), '/')
}
}
if ((typeof time === 'number') && (time.toString().length === 10)) {
time = time * 1000
}
date = new Date(time)
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
const value = formatObj[key]
// Note: getDay() returns 0 on Sunday
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
return value.toString().padStart(2, '0')
})
return time_str
}