element date-picker 控件设置 一个月前到当前的日期展示
<ez-date-picker
v-model="zcsj"
type="daterange"
format="yyyy-MM-dd "
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
class="date-picker"
:picker-options="pickerOptions"
>
<!-- @change="dateChange" -->
</ez-date-picker>
使用函数
//格式化时间 返回年月日
getDate(time) {
if (time) {
let val = new Date(time);
let Y = val.getFullYear();
let M = (val.getMonth() + 1) < 10 ? '0' + (val.getMonth() + 1) : (val.getMonth() + 1);
let D = val.getDate() < 10 ? '0' + val.getDate() : val.getDate();
let h = val.getHours() < 10 ? '0' + val.getHours() : val.getHours();
let m = val.getMinutes() < 10 ? '0' + val.getMinutes() : val.getMinutes();
return Y + '-' + M + '-' + D + ' 00:00:00';
}
return '';
},
并调用函数
let nowTimes = Date.now();
let oldTimes = nowTimes - (86400000 * 30);
let oldDate = this.getDate(oldTimes); //一个月前的时间
let nowDate = this.getDate(nowTimes);//今天的时间
并且设置不能选择当前日期之后的时间 -- 在data中 return 中
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
}
}