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

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

阅读 10.3k
3 个回答

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

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

image.png

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

image.png

示例中的代码:

    disabledDate(current) {
      // Can not select days before today and today
      return current && current < moment().endOf('day');
    }
新手上路,请多包涵

楼主解决了吗

  1. 如果你使用的是 RangePicker,那你用一楼的就很方便了
  2. 如果你是用的是两个分开的日期组件,那么你可以进行比大小的判断
  3. image.png

时间戳也可以判断

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题