<el-form-item v-if="!open" label="日期" prop="listDate">
<el-date-picker clearable v-model="form.listDate"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
type="date" value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px;"
placeholder="请选择上市日期">
</el-date-picker>
</el-form-item>
JS
pickerOptions: {
// // 设置不能选择的日期
// onPick: ({ maxDate, minDate }) => {
// this.choiceDate0 = minDate.getTime();
// if (maxDate) {
// this.choiceDate0 = '';
// }
// },
// disabledDate:
// (time) => {
// let choiceDateTime = new Date(this.choiceDate0).getTime();
// const minTime = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() - 1);
// console.log(minTime);
// const maxTime = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() + 1);
// const newDate = new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1;
// const max = newDate < maxTime ? newDate : maxTime;
// //如果已经选中一个日期 则 返回 该日期前后一个月时间可选
// if (this.choiceDate0) {
// return time.getTime() < min || time.getTime() > max;
// }
// //若一个日期也没选中 则 返回 当前日期以前日期可选
// return time.getTime() > newDate;
// }
//首先是选择出开始时间,根据开始时间给出可选的六个月时间范围
onPick: ({maxDate, minDate}) => {
this.choiceDate0 = minDate.getTime();
if (maxDate) {
// 解除限制
this.choiceDate0 = '';
}
},
disabledDate:(time) => {
return time.getTime() < Date.now();
}
},