iview日期组件如何实现 日期禁用

最近接到了新需求，需要禁用iview日期组件的可选范围，禁用今天之后的日期，同时第一个日期要小于第二个日期 搞了一上午终于解决了
首先iview 官方提供了api

然后我们可以根据自己的需求自定义
直接贴代码

 <i-col span='4'>
                        <Form-item>
                            <Date-picker type="date" format="yyyy-MM-dd" :options="startOption" placeholder="对比时间"
                                v-model="formItem.startTime"></Date-picker>
                        </Form-item>
                    </i-col>
                        <Form-item>

                            <Date-picker type="date" format="yyyy-MM-dd" :options="endOption" placeholder="对比时间"
                                v-model="formItem.endTime">
                           </Date-picker>
                   </Form-item>

这是标签代码
然后data 里面

  startOption: {
                    // 指定开始限制时间
                    disabledDate: (date) => {
                       let startTime = this.formItem.startDate ? new Date(this.formItem.startDate).valueOf() : '';
                        return date && (date.valueOf() < startTime);
                    }
                },
                endOption: {
                    // 指定终止日期
                    disabledDate: (date) => {
                         let endTime = this.formItem.endDate ? new Date(this.formItem.endDate).valueOf() - 1 * 24 * 60 * 60 * 1000 : '';
                        return date && date.valueOf() > endTime;
                    }
                },