<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就改成date
0: { type: 'string', required: true, message: '请选择开始日期' },
1: { type: 'string', required: true, message: '请选择结束日期' }
}
}
],
}
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getPaper(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]
}
},
el-date-picker日期选择器使用赋值,回显,必填等
于 2023-05-31 14:59:56 首次发布