el-date-picker 触发的事件
时间: 2023-11-07 19:55:40 浏览: 1489
el-date-picker组件触发的事件有两个:change事件和input事件。可以通过在组件上添加@change或@input来监听相应的事件。
解决方式1:
将@change换为@input
<el-date-picker size="medium" v-model="selectForm.datePicker" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" range-separator="-" start-placeholder="订单创建开始时间" end-placeholder="订单创建结束时间" @input="getListData" @blur="$forceUpdate()"></el-date-picker>
解决方式2:
失去焦点时强制刷新视图
@blur="$forceUpdate()"
解决方式3:
将@change换为@input
<el-date-picker class="mo-year-range-picker__start" :value="start_year" type="year" placeholder="开始年" :clearable="false" value-format="yyyy-MM-dd" :editable="false" :picker-options="startYearPickerOptions" @input="handleStartYearChange"></el-date-picker>
备注:引用中提到了日期选择设置开始和结束时间的方法,可以参考该方法进行设置。