el-date-picker日期选择器使用赋值,回显,必填等


            


// 表单参数
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]
	}
},

​

你可能感兴趣的:(vue,vue)