vue+el-date-picker 日期的加减方法，加一天，减一天，向前一天，向后一天

微wx笑 2023-08-18【前端开发】48 0 0关键字： vue el-date-picker 日期

vue+el-date-picker 日期的加减方法，加一天，减一天，向前一天，向后一天nBH无知

表单nBH无知

<el-form-item label="发布日期" prop="">
      <el-date-picker
      v-model="form.begin"
      type="date"
      format="yyyy-MM-dd"
      value-format="yyyy-MM-dd"
      placeholder="开始日期" clearable>
    </el-date-picker> 至 <el-date-picker
      v-model="form.end"
      type="date"
      format="yyyy-MM-dd"
      value-format="yyyy-MM-dd"
      placeholder="默认至今" clearable>
    </el-date-picker> <el-button @click="dateSet('form', -1)">前一天</el-button><el-button @click="dateSet('form', 0)">今天</el-button><el-button @click="dateSet('form', 1)">后一天</el-button>
  </el-form-item>

js代码nBH无知

dateSet(formName, val){
         if (val > 0){
             this.form.begin = this.addDate(this.form.begin, val);
             this.form.end = this.addDate(this.form.begin, 1);
           }else if (val < 0){
             this.form.end = this.form.begin;
             this.form.begin = this.addDate(this.form.begin, val);
           }else{
             this.form.begin = this.getDate();
             this.form.end = "";
           }
      },
      //获取日期的
        getDate(){
          var Dates = new Date();
          if (Dates.getHours() < 15){
            Dates.setDate(Dates.getDate() - 1);
          }
          var mon = Dates.getMonth() + 1,
              day = Dates.getDate();
          if(mon < 10){
            mon = "0" + mon;//月份小于10，在前面补充0
          }
          if(day < 10){
            day = "0" + day;//日小于10，在前面补充0
          }
          return Dates.getFullYear() + "-" + mon + "-" +day;
        },
        addDate(date,addDays){ //date传入你需要的日期，格式"xxxx-xx-xx"。addDays传要加减的日期数，往前传正数，往后传负数
          var Dates = new Date(date);
          Dates.setDate(Dates.getDate() + addDays);
          var mon = Dates.getMonth() + 1,
              day = Dates.getDate();
          if(mon < 10){
            mon = "0" + mon;//月份小于10，在前面补充0
          }
          if(day < 10){
            day = "0" + day;//日小于10，在前面补充0
          }
          return Dates.getFullYear() + "-" + mon + "-" +day;
        }