elementui时间选择器进行时间限制

 html部分

<el-form-item label="作品完成日期" prop="complete_date">
                    <el-date-picker v-model="ruleForm.complete_date" type="date" placeholder="作品完成日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" :picker-options="pickerOptions2">
                    </el-date-picker>
                </el-form-item>


<el-form-item label="作品发表日期" prop="first_publish_date">
                        <el-date-picker v-model="ruleForm.first_publish_date" type="date" placeholder="作品发表日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" :picker-options="pickerOptions1">
                        </el-date-picker>
                    </el-form-item>

js部分

data() {
        return {
            ruleForm: {
                complete_date: "",
                first_publish_date: "",
            },
            pickerOptions1: {
                // 发表时间小于今天而且大于等于完成时间
                disabledDate: time => {
                     return (
                        time.getTime() < new Date(this.ruleForm.complete_date).getTime()*1 - 24 * 60 * 60 * 1000 || time.getTime() > new Date( new Date()).getTime()
                    ); 
                }
            },
            pickerOptions2: {
                // 完成时间小于今天而且小于等于发表时间
                disabledDate: time => {
                    return (
                       time.getTime() > new Date(this.ruleForm.first_publish_date).getTime() * 1 - 24 * 60 * 60 * 1000 ||  time.getTime() > new Date( new Date()).getTime()
                    ); 
                }
            },
        }
}