:picker-options="pickerOptions":设置今日后时间不能选择。属于data属性。
@change="changeDateModel" :设置点击‘确定’按钮后,执行事件。属于method中的方法。
<div class="date-range">
<el-date-picker
v-model="dateModel"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:clearable="false"
:picker-options="pickerOptions"
@change="changeDateModel"
>
</el-date-picker>
</div>
pickerOptions: {
disabledDate(time) {
const now = new Date();
now.setHours(23);
now.setMinutes(59);
now.setSeconds(59);
return time.getTime() > now.getTime();
}
},
changeDateModel(val) {
this.starttime = formatTime(new Date(val[0]), 'yyyy-MM-dd HH:mm:ss');
this.endtime = formatTime(new Date(val[1]), 'yyyy-MM-dd HH:mm:ss');
this.getDataList();
},