element 的时间控件，有关v-model，:picker-options，@change

最新推荐文章于 2024-08-22 13:30:11 发布

helal

最新推荐文章于 2024-08-22 13:30:11 发布

阅读量1.8w

点赞数 1

文章标签： element html js vue 时间插件

本文链接：https://blog.csdn.net/helal/article/details/78143578

版权

在使用Element的时间控件时遇到问题，通过v-model直接绑定值在选择时间后未出现在formData中，解决方法是在组件上添加@change事件。此外，为实现开始时间必须小于结束时间的需求，利用:picker-options属性进行配置。

摘要由CSDN通过智能技术生成

1、我直接用v-model="seachObj.beginTime"，选择时间后选上了，但是传给接口看控制台headers里的form data的时候竟然没有beginTime

解决方法是：@change="dateChangeBeginTime"

dateChangeBeginTime(val) {
    console.log(val);
    let self = this;
    self.seachObj.beginTime=val;

},

这样就可以了解决form data的竟然没有beginTime了

2、需求是

选开始时间后，结束时间必须必开始时间大；

这就用到:picker-options了

htlm

提出日期：<el-date-picker type="date" placeholder="选择开始日期" 
            v-model="seachObj.beginTime" style="width: 40%;" 
            :picker-options="startDatePicker"
             @change="dateChangeBeginTime"></el-date-picker>
至
<el-date-picker type="date" placeholder="选择结束日期" 
            v-model=&#