对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

 

}

}

 

相关文章
|
12月前
element-ui下拉框el-select多选出现滚动条闪现
弹窗组件中放置了el-select下拉框组件,多选项较多时,聚焦弹出下拉选择框时,下方会出现一个横向滚动条闪现一下,虽然不影响使用,但是作为一个追求完美的码农肯定是受不了
170 0
element-el-time-picker 开始时间-结束时间-回显(整理)
element-el-time-picker 开始时间-结束时间-回显(整理)
|
4月前
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
207 3
|
4月前
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
149 1
|
4月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
627 3
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
176 0
vue-element日期框点击不显示,不刷新
vue-element日期框点击不显示,不刷新
113 0
element ui el-date-picker 禁止选择指定日期
element ui el-date-picker 禁止选择指定日期
225 0
|
人工智能 前端开发
修改elmentui中el-date-picker下拉框样式(大小)
修改elmentui中el-date-picker下拉框样式(大小)