Vue禁止选择以后的日期或者默认显示某个日期

            <el-date-picker style="width: 100%"
                            v-model="form.statDate"
                            type="date"
                            :editable="false"
                            :clearable="false"
                            format="yyyy-MM-dd"
                            :picker-options="pickerOptions"
                            value-format="yyyy-MM-dd"
                            placeholder="请选择数据日期">
            </el-date-picker>
  data() {
    return {
      pickerOptions: {
        // 不能选择以后的日期 yyyy-MM-dd
        disabledDate(time) {
          // return time.getTime() > Date.now() - n * 24 * 60 * 60 * 1000; n等于减去多少天
          let currentTime = new Date();
          currentTime.setTime(currentTime.getTime());
          let month = currentTime.getMonth() + 1;
          let date = currentTime.getDate();
          let fullMonth = month < 10 ? '0' + month : month;
          let fullDay = date < 10 ? '0' + date : date;
          let baseTime = new Date(
              currentTime.getFullYear() + '-' + fullMonth + '-' + fullDay,
          );
          return time.getTime() > baseTime.getTime();
        }
      }
    }
  }
    //默认选中当前日期的前n天日期 yyyy-MM-dd 形式
    getDefaultDay() {
       // 或者 new Date(new Date().getTime() - n * 24 * 60 * 60 * 1000),
      const date = new Date();
      date.setTime(date.getTime()-3600 * 1000 * 24 * n);
      let dateDate = date;
      let month = dateDate.getMonth() + 1;
      let fullMonth = month < 10 ? '0' + month : month;
      let day =
          dateDate.getDate() < 10 ? '0' + dateDate.getDate() : dateDate.getDate();
        // 赋值即可
      this.form.statDate =
          dateDate.getFullYear() + '-' + fullMonth + '-' + day;
    }

posted @   JamieChyi  阅读(87)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示