element-ui时间选择器的禁用状态

要禁用Element UI日期选择器中进货日期之前的时间，并且要确保退货日期不能早于进货日期，您可以动态地设置`picker-options`属性中的`disabledDate`函数和`minDate`属性。以下是一个示例：

html

<el-date-picker v-model="purchaseDate" :picker-options="pickerOptions"></el-date-picker> 
<el-date-picker v-model="returnDate" :picker-options="returnOptions"></el-date-picker>

javascript

data() { 
    return { 
        purchaseDate: null, 
        returnDate: null, 
        pickerOptions: { 
            disabledDate(time) { 
                const today = new Date(); // 获取当前日期 
                return time.getTime() < today.getTime(); 
            } 
        }, 
        returnOptions: { 
            disabledDate(time) { 
                const purchaseDate = new Date(this.purchaseDate); // 获取进货日期 
                return time.getTime() < purchaseDate.getTime() || time.getTime() > new Date().getTime(); 
                },
             minDate: this.purchaseDate // 设置退货日期的最小值为进货日期 
        } 
    } 
}, 
watch: { 
    purchaseDate(newDate) { 
        this.returnOptions.minDate = newDate; // 监听进货日期的变化，更新退货日期的最小值 
    } 
} 

在这个示例中，我们为进货日期选择器和退货日期选择器分别设置了`pickerOptions`和`returnOptions`属性。`pickerOptions`用于禁用进货日期之前的时间，`returnOptions`用于设置退货日期的最小值，并且禁用进货日期之前的时间。 在`disabledDate`函数中，我们在进货日期选择器中使用了当前日期作为禁用条件，保证选择日期不能早于今天。在退货日期选择器中，我们使用了进货日期作为最小日期，并禁用进货日期之前的时间。 还需要注意的是，在`watch`中监听了进货日期的变化。当进货日期发生变化时，会更新退货日期选择器的最小日期，保证退货日期不能早于新的进货日期。 这样，您就可以根据进货日期来设置退货日期选择器，并确保退货日期不能早于进货日期。