iview的时间控件禁用选择周末 或者 开始时间和结束时间的区间范围选择（开始时间不能大于结束时间/结束时间不能小于开始时间）

一、周末禁用

1、在时间控件上加入options属性，在iview中也表明可用于配置不可选日期等。

<FormItem label="开始时间:" prop="startTime">
     <Date-picker type="date" format="yyyy-MM-dd" :options="options" placeholder="选择日期" v-model="formData.startTime" :clearable="false"></Date-picker>
</FormItem>

2、在data中赋予options属性disabledDate的状态，返回true则禁用。

 data(){
        return {
            formData:{
            },
            options: {
                disabledDate :(date)=> {
                    var disabled=true;
                    // 禁用开始时间比结束时间小
                    // if (date.getTime()<=this.formData.endTime) {
                    //     disabled=false;
                    // }
                    // 周末禁用
                    if(date.getDay() !=0 && date.getDay() != 6){
                        disabled=false;
                    }
                    return disabled;
                }
            },
        }
    },

3、效果

二、开始时间和结束时间的区间范围选择

1、在时间控件上加入options属性，在iview中也表明可用于配置不可选日期等

<Row>
     <Col  span="12">
          <FormItem label="开始时间:" prop="startTime">
                <Date-picker type="date" format="yyyy-MM-dd" :options="startOptions" placeholder="选择日期" v-model="formData.startTime" :clearable="false"></Date-picker>
          </FormItem>
     </Col>
     <Col  span="12">
          <FormItem label="结束时间:" prop="endTime">
                <Date-picker type="date" format="yyyy-MM-dd" :options="endOptions" placeholder="选择日期" v-model="formData.endTime" :clearable="false"></Date-picker>
          </FormItem>
     </Col>
</Row>

2、在data中赋予options属性disabledDate的状态，返回true则禁用。

 data(){
        return {
            formData:{
            },
            // 开始时间
            startOptions: {
                disabledDate :(date)=> {
                    var disabled=true;
                    // 禁用开始时间比结束时间小
                    if (date.getTime()<=this.formData.endTime || this.formData.endTime == null || this.formData.endTime == '' || typeof this.formData.endTime == 'undefined') {
                        disabled=false;
                    }
                    return disabled;
                }
            },
            // 结束时间
            endOptions: {
                disabledDate :(date)=> {
                    var disabled=true;
                    // 禁用开始时间比结束时间小
                    if (date.getTime()>=this.formData.startTime) {
                        disabled=false;
                    }
                    return disabled;
                }
            },
        }
    },

3、效果图
（1）如果未填开始时间和结束时间时，任何时间否可以填写


（2）如果填写了两个时间其中一个另一个就会禁用