Mint-UI时间组件起始时间可随意更改,n天后或者n月后

Mint-UI时间组件起始时间控制可计算结束日期为今天之后的n天或者n月,这是用于vue组件中

1.vue中写入

 <mt-datetime-picker class="db" type="date"
                    v-model="defaultTime"
                    :startDate="startDate"
                    :endDate="endDate">
 mt-datetime-picker>

2.在methods写入调整天或者调整月的方法

GetDay(day) {
    var time = new Date();
    time.setDate(time.getDate() + day);//获取Day天后的日期
    var y = time.getFullYear();
    var m = time.getMonth() + 1;//获取当前月份的日期
    var d = time.getDate();
    let date=y + "-" + m + "-" + d
    return new Date(date);
  },
  Month(month) {
    var time = new Date();
    time.setDate(time.getDate());//获取Day天后的日期
    var y = time.getFullYear();
    var m;
    if (time.getMonth() + month + 1>12){
      y = y+1;
      m = time.getMonth() + month - 11;//获取当前月份的日期 d
    }else{
      m = time.getMonth() + month + 1;//获取当前月份的日期 d
    }
    var d = time.getDate();
    let date=y + "-" + m + "-" + d
    return new Date(date);
  },

3:在date中定义startDate和endDate

data(){
  return {
    startDate: new Date(),
    endDate:new Date(),
  }
},