problem description
I use two time selection boxes here, the first one to re-assign the default value of time after use, no problem to choose, but not the second one. Why
related codes
/ / Please paste the code text below (do not replace the code with pictures)
< el-form-item label= "start time" 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]
}what result do you expect?
the time can be selected after reassignment
here is the picture
