vue自定义季度日历

先看效果：

分析：
一年有12个与，有4个季度，每个季度有3个月。对应如下：

众所周知，我们js获取到的月份会比实际月份少1，也就是说获取的月份是从0-11.所以修改一下上图：

为什么季度也从0开始呢—当然是为了在数组中取值和赋值方便呀
由上图很明显的能观察到月份和季度的关系：开始月份=季度3 结束月份=季度3+2
也就是说：根据月份可以知道所在哪个季度，根据季度可以知道包含哪三个月。再计算出每个月1号开始是周几和每个月有多少天，就可以通过循环遍历得到日历啦~；结合实际情况，修改上图的流程图。也是我们接下来的数组结构。。

分析结束，上代码：

// 获取当前的日期getCurrentDate() {return new Date();},// 获取月份对应的是哪个季度getQuarterSeasonStartMonth(month) {var first = 0;var second = 1;var third = 2;var fourth = 3;//月份从0-11if (month < 3) {return first;}if (month < 6) {return second;}if (month < 9) {return third;}return fourth;},// 获取月的天数getMonthDays(year, month) {// 获取当前月的第一天是周几var beginWeek = new Date(year, month , 1).getDay

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！