<el-form-item label="日期范围">
<el-date-picker
v-model="timedate"
type="daterange"
size="mini"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions">
</el-date-picker>
</el-form-item>
pickerOptions: {
onPick: function({ minDate, maxDate }) {
if (minDate && !maxDate) {
const currentDateTimestamp = minDate.getTime();
const minDateTimestamp = currentDateTimestamp - 3600 * 1000 * 24 * 90;
const maxDateTimestamp = currentDateTimestamp + 3600 * 1000 * 24 * 90;
this.disabledDate = date => {
const dateTimestamp = date.getTime();
return dateTimestamp <= minDateTimestamp || dateTimestamp >= maxDateTimestamp;
};
}
}
},
methods: {
setData(){
var end = new Date();
var start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 2);
end = end.getFullYear() + '-' + (end.getMonth() + 1) + '-' + end.getDate()
start = start.getFullYear() + '-' + (start.getMonth() + 1) + '-' + start.getDate()
this.timedate = [start,end]
},
}