时间必填、时间回显el-date-picker type=“daterange“

注意：prop=“trainTime” 要和 v-model=“form.trainTime” 一致，且trainTime

<el-form-item label="培训时间：" prop="trainTime">
	  <el-date-picker
	    @change="TimeChange"
	    value-format="yyyy-MM-dd"
	    v-model="form.trainTime"
	    type="daterange"
	    range-separator="至"
	    start-placeholder="开始日期"
	    end-placeholder="结束日期">
	  </el-date-picker>
</el-form-item>

rules:{
	trainTime: [
      {
        type: 'array',
        required: true,
        message: '请输入培训时间',
        fields: {
          //tpye类型试情况而定,所以如果返回的是date就改成date
          0: { type: 'string', required: true, message: '请选择开始日期' },
          1: { type: 'string', required: true, message: '请选择结束日期' }
        }
      }
    ],
}

data() {
	return {
		form: { 
			trainTimeStart: '',
			trainTimeEnd: '',
			trainTime: '',
		},
		
	}
}

activated(){
	this.lookCourse()
}

TimeChange(time){
		//给后端的参数
	   this.form.trainTimeStart = time[0]
	   this.form.trainTimeEnd = time[1]
 },

    lookCourse() {
      var that = this
      api.ajax({
          type: 'post',
          url: '/mall/merchant/train/getMerchantTrainInfo',
          data: {
          	trainId: that.$route.query.id
          },
          success: (res) => {
          		//时间回显
	           that.form.trainTime = [res.trainTimeStart,res.trainTimeEnd]
	           // ['2021-12-28', '2022-02-15'] 'that.trainTime'
	           that.form.trainTimeStart = res.trainTimeStart
	           that.form.trainTimeEnd = res.trainTimeEnd
          },
          error: (err) => {
          }
      })
    },