element-ui DatePicker 日期选择器
<el-date-picker v-model="addForm.startDate" type="date" size="mini" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="开始时间" :picker-options="pickerOptionsStart" > </el-date-picker> <el-date-picker v-model="addForm.endDate" type="date" size="mini" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptionsEnd" > </el-date-picker>
export default { data() { return { pickerOptionsStart: { disabledDate: time => { let endDateVal = this.addForm.endDate; if (endDateVal) { return time.getTime() > new Date(endDateVal).getTime(); } } }, pickerOptionsEnd: { disabledDate: time => { let beginDateVal = this.addForm.startDate; if (beginDateVal) { return ( time.getTime() < new Date(beginDateVal).getTime() - 1 * 24 * 60 * 60 * 1000 ); } } }, } } }