naiveUI date-picker type="datetimerange" 校验总提示咋回事啊😂

Question

我的校验怎么总是提示啊？

就是date-picker报错，人家其他的都是正常的

<n-form-item label="合作期限" path="cooperationDeadline">
          <n-date-picker
          v-model="formData.cooperationDeadline"
          clearable
          type="datetimerange"
          format="yyyy-MM-dd HH:mm:ss"
          :is-date-disabled="pickerOptions"
        ></n-date-picker>
      </n-form-item>

cooperationDeadline: [
    { required: true, type: 'number', message: '请选择合同有限期限', trigger: ['blur', 'change'] },
  ],

而且我发现我的watch也没有打印出来

watch: {
   'formData.cooperationDeadline'(time) {
      console.log(time)
      // this.formData.formData.contractBegin = time[0]
      // this.formData.contractEnd = time[1]
    },

}

Answer 1

组件需要类型好像是数组，建议是单独写一个数组进行绑定，当提交的时候在转化成所需要的数据类型。 然后行内写rules