对element的日期控件进行处理--选择时间的限制

简介:   pickerOptions0:{//在vue的data里设置    disabledDate(time){    var tempTime = new Date(time).

<el-date-picker class="mydate-picker"

v-model="dateValue1"

type="daterange"

range-separator="-"

size="small"

ref="dateValue1"

@change="timeChange1"

:picker-options="pickerOptions0"

:unlink-panels="true">

</el-date-picker>

 

 

pickerOptions0:{//在vue的data里设置

    disabledDate(time){

    var tempTime = new Date(time).getTime();//获取插件的时间戳

    var startTime = new Date(Common.dateType(2)[0]).getTime() - 24*60*60*1000;//获取本月起始时间戳

     var endTime = new Date(Common.dateType(2)[1]).getTime();//获取本月结束时间的时间戳

    return endTime<=tempTime || startTime>=tempTime

 

}

}

 

相关文章
element-el-time-picker 开始时间-结束时间-回显(整理)
element-el-time-picker 开始时间-结束时间-回显(整理)
|
5月前
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
182 1
|
7月前
|
JavaScript
layui laydate日期初始化的一些坑
【2月更文挑战第8天】layui laydate日期初始化的一些坑
vue-element日期框点击不显示,不刷新
vue-element日期框点击不显示,不刷新
121 0
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
201 0
|
JavaScript
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
447 0
element 下拉框滚动加载
element 下拉框滚动加载
223 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
element中el-select下拉框位置错乱问题
element中el-select下拉框位置错乱问题
774 0