vue 数据大屏项目 开发中,展示echarts柱状图,最近一个月的数据,因为接口需要传每一天的日期来查询数据,所以我们需要把当前月份所有日期都遍历出来,但是有的月份是31天有的月份是30天,所以我们需要动态获取不能写死,通过dayjs
的startOf
我们可以获取月份开始的日期,endOf
来获取月份最后一天的日期,这样我们就可以知道当前月份的天数了,然后通过for循环将所有的日期遍历出来。
引入dayjs
import dayjs from "dayjs";
代码
for (var i = 0; i < dayjs().endOf('month').format("DD"); i++) {
this.list.push({
title: dayjs().startOf('month').add(i, 'day').format("DD"),
value: 0,
value2: 0,
id: dayjs().startOf('month').add(i, 'day').format("DD"),
date: dayjs().startOf('month').add(i, 'day').format("YYYY-MM-DD")
})
this.xData.push(dayjs().startOf('month').add(i, 'day').format("DD"))
}
这样我们就可以获取到当前月份所有的日期了。