0
点赞
收藏
分享

微信扫一扫

ElementUi 设置时间的选择范围

杏花疏影1 2022-03-30 阅读 88
vueelementUi

控制选择时间的范围

<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 的时候可以选择。

举报

相关推荐

0 条评论