ant design vue 日期选择框如何设置结束时间不能小于开始时间

Question

当用户选择开始的时间后,在结束时间中,开始的时间不能被选中.这样也行.

Answer 1

你需要的答案都可以在 日期选择框文档 中查到

首先，DatePicker 本身是支持范围选择的，它会自动把小日期作为开始日期，大日期作为结束日期（文档右侧示例）。

如果你想自己控制不可选日期，可以用 disabledDate 属性，它的值是一个函数，传入日期参数，返回 true 则不可选。这个控制起来就很灵活了（文楼左侧第 2 个示例，文档 API 部分有说明）。

示例中的代码：

    disabledDate(current) {
      // Can not select days before today and today
      return current && current < moment().endOf('day');
    }