vue antd range picker validator

您可以使用 `validator` 属性来验证 `RangePicker` 组件的值。首先，您需要创建一个函数来处理验证逻辑。然后，在 `RangePicker` 组件中设置 `validator` 属性为该函数。

下面是一个简单的示例：

<template>
  <a-range-picker :validator="validateRange" />
</template>

<script>
export default {
  methods: {
    validateRange(rule, value, callback) {
      if (!value || value.length < 2) {
        callback(new Error('请选择开始和结束日期'))
      } else if (value[0] > value[1]) {
        callback(new Error('开始日期不能晚于结束日期'))
      } else {
        callback()
      }
    },
  },
}
</script>

在上面的示例中，我们创建了一个名为 `validateRange` 的方法，该方法接收三个参数：`rule`，`value` 和 `callback`。`rule` 参数是验证规则，`value` 参数是要验证的值，`callback` 参数是验证完成后要调用的回调函数。

在 `validateRange` 方法中，我们首先检查 `value` 是否为空或长度小于 2。如果是，我们将调用 `callback` 函数并传递一个错误对象。否则，我们检查 `value` 中的开始日期是否晚于结束日期。如果是，我们也会调用 `callback` 函数并传递一个错误对象。否则，我们调用 `callback` 函数，不传递任何参数，表示验证通过。

最后，我们将 `validateRange` 方法设置为 `RangePicker` 组件的 `validator` 属性。这将使 `RangePicker` 组件在值更改时自动调用我们的验证逻辑。