element 在用了俩个时间选择框之后 第一个赋默认值时可以选择时间 第二个为啥不行

Question

问题描述

我这里用了俩个时间选择框 第一个在用了之后 给时间重新赋默认值 没问题 可以选择 但是第二个就不行了这是为什么呢

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<el-form-item label="开始时间" required>

                        <el-col :span="11">
                            <el-form-item prop="createTimeData">
                                <el-date-picker type="date"
                                                placeholder="选择日期"
                                                v-model="ruleForm.createTimeData"
                                                style="width: 100%;">

                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col class="line" :span="2">-</el-col>
                        <el-col :span="11">
                            <el-form-item prop="createTimeSecond">
                                <el-time-picker type="date" placeholder="选择时间"
                                                v-model="ruleForm.createTimeSecond"
                                                style="width: 100%;">

                                </el-time-picker>
                            </el-form-item>
                        </el-col>
                    </el-form-item>

                    <el-form-item label="结束时间" required>
                        <el-col :span="11">
                            <el-form-item prop="endTimeData">
                                <el-date-picker type="date"
                                                placeholder="选择日期"
                                                v-model="ruleForm.endTimeData"
                                                style="width: 100%;">

                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col class="line" :span="2">-</el-col>
                        <el-col :span="11">
                            <el-form-item prop="endTimeSecond">
                                <el-time-picker type="date" placeholder="选择时间"
                                                v-model="ruleForm.endTimeSecond"
                                                style="width: 100%;"
                                                @change="endTimeStyle">

                                </el-time-picker>
                            </el-form-item>
                        </el-col>
                    </el-form-item>

meetData(val){

            this.ruleForm.name = val.name;
            this.ruleForm.id = val.id;
            let dateTime = val.startTime;
            let endTime = val.stopTime;

            console.log('获取到的开始时间和结束时间',dateTime , endTime);

            var d = new Date(dateTime);
            console.log('d',d)
            this.ruleForm.createTimeData = d;
            this.ruleForm.createTimeSecond = d;


            var b = new Date(endTime);
            // 这里的值为什么在赋值之后不能再选择呢
            console.log('这里的值为什么在赋值之后不能再选择呢',b);
            this.ruleForm.endTimeData = b;
            this.ruleForm.endTimeSecond = b;

            this.ruleForm.meetData = [ val.venueName , val.floorName, val.conferenceName]
        }

你期待的结果是什么？

是重新赋值之后还能选择时间

下面是图片

你期待的结果是什么？实际看到的错误信息又是什么？