对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 开始时间-结束时间-回显(整理)
|
2月前
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
61 1
|
2月前
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
115 3
|
10月前
vue-element日期框点击不显示,不刷新
vue-element日期框点击不显示,不刷新
101 0
|
10月前
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
159 0
|
10月前
element ui el-date-picker 禁止选择指定日期
element ui el-date-picker 禁止选择指定日期
160 0
|
人工智能 前端开发
修改elmentui中el-date-picker下拉框样式(大小)
修改elmentui中el-date-picker下拉框样式(大小)
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,
element中el-select下拉框位置错乱问题
element中el-select下拉框位置错乱问题
510 0