elementui的el-date-picker选择日期范围第二个不能早于第一个
选择日期范围第二个不能早于第一个
<el-form-item label="预计施工时间:" required><el-form:model="form":rules="constructionDateRules"ref="constructionRef"inline:hide-required-asterisk="false"><el-form-item prop="constructionStartDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionStartDate"type="date"placeholder="开工日期"style="width: 196px; margin-right: 8px"></el-date-picker></el-form-item><el-form-item prop="constructionEndDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionEndDate"type="date"placeholder="竣工日期"style="width: 196px":picker-options="pickerOptions"></el-date-picker></el-form-item></el-form></el-form-item>
data(){return {//判断时间选择上个选择时间之后的时间pickerOptions: {disabledDate: (time) => {if (this.form.constructionStartDate != "") {return (time.getTime() <new Date(this.form.constructionStartDate).getTime());}else{this.$message.warning('请先选择开工日期')}},},}
}
选择第一个日期不能早于今天
选择日期范围第二个不能早于第一个
<el-form-item label="预计施工时间:" required><el-form:model="form":rules="constructionDateRules"ref="constructionRef"inline:hide-required-asterisk="false"><el-form-item prop="constructionStartDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionStartDate"type="date"placeholder="开工日期":picker-options="pickerOptions1"style="width: 196px; margin-right: 8px"></el-date-picker></el-form-item><el-form-item prop="constructionEndDate"><el-date-pickervalue-format="yyyy-MM-dd"v-model="form.constructionEndDate"type="date"placeholder="竣工日期"style="width: 196px":picker-options="pickerOptions2"></el-date-picker></el-form-item></el-form></el-form-item>
data(){return {
pickerOptions1: {disabledDate(time) {var timeNow = Date.now()var before = timeNow - 24 * 60 * 60 * 1000return time.getTime() < before;},},//判断时间选择上个选择时间之后的时间pickerOptions2: {disabledDate: (time) => {var timeNow = Date.now()var before = timeNow - 24 * 60 * 60 * 1000if (this.form.jzdate != "") {return time.getTime() < new Date(this.form.jzdate).getTime() || time.getTime() < Date.now() - 8.64e7;}else{//还没有选择结束时间的时候,让他只能选择今天之后的时间包括今天return time.getTime() < before} }}}
}