1、做一个关于日周月的统计周期
需求:统计周期选项为日、周、月,选择日时,右边日期选择天。选择月份时,日期可选月份。
先是对日期做统一的处理,编写在js文件里面
/**
* @description 获取一个月,一周的日期,一天24小时
* @param type date-日,week-周,month-月
* @param date 日期
*/
export const getDateByType = (date, type) => {
var result = []
if (type === "month") {
var end = moment(date).add('month', 1).add('days', -1).format('YYYY-MM-DD')
var len = end.split("-")[2]
for (var i = 1; i <= len; i++) {
var element = date + "-";
if (i < 10) element += "0";
element += i
result.push(element)
}
} else if (type === "week") {
for (let i = 0; i < 7; i++) {
var element = moment(date).subtract(i, "days").format("YYYY-MM-DD");
result.push(element)
}
} else {
result = [
'00:00', '01:00', '02:00', '03:00',
'04:00', '05:00', '06:00', '07:00',
'08:00', '09:00', '10:00', '11:00',
'12:00', '13:00', '14:00', '15:00',
'16:00', '17:00', '18:00', '19:00',
'20:00', '21:00', '22:00', '23:00'
]
}
return result;
}
###在界面上的引用import { getDateByType } from "../../../common/utils";