element date-picker 控件设置 一个月前到当前的日期展示

359 阅读1分钟

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();
                }
            }