ElementUi 设置时间的选择范围

最新推荐文章于 2024-09-27 09:44:47 发布

絮落锦乡

最新推荐文章于 2024-09-27 09:44:47 发布

阅读量1.8k

点赞数

分类专栏： vue 前端文章标签： vue elementUi

本文链接：https://blog.csdn.net/xljx_1/article/details/123781829

版权

前端同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

vue

23 篇文章 1 订阅

订阅专栏

控制选择时间的范围

<el-date-picker
                        size="mini"
                        v-model="upsertForm.startTime"
                        type="daterange"
                        range-separator="至"
                        start-placeholder="活动开始日期"
                        end-placeholder="活动结束日期"
                        value-format="yyyy-MM-dd"
                        format="yyyy-MM-dd"
                        :picker-options="pickerOptions">
                    </el-date-picker>

pickerOptions:{
                    disabledDate:time => {
                        let beginDate = new Date(this.startTime).getTime();
                        let endDate = new Date(this.endTime).getTime();
                        let nowDate = new Date(time).getTime();
                        return (nowDate < beginDate || nowDate > endDate);
                    }
                }

注意：return 返回值为true 的时候不可选，为false 的时候可以选择。