el-date-picker change事件不触发、默认一个时间后，无法在选择别的时间

最新推荐文章于 2024-07-15 14:46:38 发布

柳逸尘Cool

最新推荐文章于 2024-07-15 14:46:38 发布

阅读量3.4k

点赞数 4

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/hzj1369/article/details/128147674

版权

vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

问题1：

vue2中使用ElementUI的el-date-picker组件，change事件不触发

解决方式：

将@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="订单创建结束时间"
    @change="getListData"
    @input="getListData"
    @blur="$forceUpdate()"
></el-date-picker>

问题2：

vue2中使用ElementUI的el-date-picker组件，默认一个时间后，无法在选择别的时间

解决方式：

失去焦点时强制刷新视图 @blur="$forceUpdate()"