​
<el-form-item label="考试时间" prop="dates"><el-date-picker@change="TimeChange"v-model="form.dates"style="width: 240px"value-format="yyyy-MM-dd"type="daterange"range-separator="-"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker>
</el-form-item>// 表单参数
form: {dates:[],
},
// 表单校验
rules: {dates: [{type: 'array',required: true,message: '请输入考试时间',fields: {//tpye类型试情况而定,所以如果返回的是date就改成date0: { type: 'string', required: true, message: '请选择开始日期' },1: { type: 'string', required: true, message: '请选择结束日期' }}}],
}/** 修改按钮操作 */
handleUpdate(row) {this.reset();const id = row.id || this.idsgetPaper(id).then(response => {this.form = response.data;//时间回显this.$set(this.form,'dates',[this.form.startTime,this.form.endTime])this.open = true;this.title = "修改考卷";});
},
TimeChange(time){if(time){//给后端的参数this.form.startTime = time[0]this.form.endTime = time[1]}
},​