element ui设置时间选择范围

最新推荐文章于 2024-08-24 10:49:06 发布

原创最新推荐文章于 2024-08-24 10:49:06 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript #前端 #ecmascript

本文介绍了一个使用Element UI日期选择器的实例，如何通过JavaScript设置disabledDate函数，限制用户只能选择当前日期到未来15天内的日期。

<el-date-picker size="mini" v-model="pickerDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
          :clearable="false" style="width: 130px;" :picker-options="pickerOptions">
</el-date-picker>


pickerOptions: {
        disabledDate(time) {
         let curDate = (new Date()).getTime();
            //限制时间15天内
            let three = 15 * 24 * 3600 * 1000;
            let threeMonths = curDate - three;
            return time.getTime() > Date.now() || time.getTime() < threeMonths;;
          }
}

大致效果如下：