对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 开始时间-结束时间-回显(整理)
|
7月前
|
JavaScript 数据库
ant design vue日期组件怎么清空 取消默认当天日期
ant design vue日期组件怎么清空 取消默认当天日期
|
5月前
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
182 1
|
5月前
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
281 3
|
5月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
755 3
|
7月前
|
JavaScript
vue实时显示当前年月日时分秒有时间单位的<script setup>写法
vue实时显示当前年月日时分秒有时间单位的<script setup>写法
432 0
vue-element日期框点击不显示,不刷新
vue-element日期框点击不显示,不刷新
121 0
element的日期选择使用value-format之后表单验证报错
element的日期选择使用value-format之后表单验证报错
201 0
element ui el-date-picker 禁止选择指定日期
element ui el-date-picker 禁止选择指定日期
284 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,