【记录1】根据需求对月份做出相应的处理及解决方法

需求

选择当前月份，得到当前月份和上月的数据比较，如相同码的衣服，相比上月降了多少或者升了多少
选择2021-12 则需传给后端日期字段为2021-12-01 和 2022-01-01；选择的为2021-9，则传给后端的是2021-09-01 和 2021-10-01
这里的日期是借助 element UI 的 el-date-picker标签来实现

<el-date-picker
      v-model="value2"
      type="month"
      placeholder="选择月">
</el-date-picker>

后端参数要求

//  接口要求参数格式
start_time = '2021-11-01'，end-time = '2021-12-01'

难点

1. 当月份为12时，年加一，月变为一；（当前月份为2021-12-01时，下对应的月份为2022-01-01）
2. 月份的长度为1时，变为长度为2 的月份，处理，（当前月份为2021-09-01时，下对应的月份为2022-10-01）

逻辑思路

第一步：获取的当前年月的格式、请求接口要的参数格式
第二步：对获取的年月进行处理 -难点-
第三步：对月份进行约束，再给予拼接

实现代码

//  this.monthValue 获得的当前年月的值，例：2021-05 、 2021-12
var time = this.monthValue + '-01'  // 
var year = this.monthValue.split('-')[0]  //  通过切割来获取年和月份
var month = this.monthValue.split('-')[1]   //
var l = parseInt(month) + 1     //  获取下月的月份
if( parseInt(l) === 13 ){   //当月份为13时，应年加一，后缀加 '-01-01' 
    var f = String(parseInt(year) + 1) + '-01-01'    //  例:当前为2021-12-01，则下月为2022-01-01
}else{   //   月份小于13
    if(l > 9){    //月份小于9 ，因为大于9时，月份变成了2位
        var f = year + "-" + String(parseInt(month) + 1) + "-01"
    }else{
        var f = year + "-0" + String(parseInt(month) + 1) + "-01"
    }
}

这里小编有个疑问，就是前端的数据交互和后端的数据处理的这个划分界限在哪！！！