ant design vue datepicker年选择限制

发布于 2022-09-30 23:10:05 字数 780 浏览 20 评论 0

参考了一下官网api,现在想限制不能选今年(含今年)之后的年份。

    <a-date-picker
          mode="year"
          v-model="dateTime"
          placeholder="选择年份"
          format="YYYY"
          :disabledDate="disableDate"
          @panelChange="onChangeYear"
        />

用了这个方法,还是不行,请大神指点。

      disableDate(current) {
          return current && current > moment().subtract(1, "year") //最开始错误方法
        return current && current > moment().startOf("year")     //纠正后的方法也无法限制年限
    },

-------2021.10.8问题暂时无法解决-----
官方GitHub ISSUES
https://github.com/vueCompone...
目前组件确实有问题,无法限制年限。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夏了南城 2022-10-07 23:10:05

moment().subtract(1, "year")是把当前时间减了一年,按理来说应该是今年的起始:

function disabledDate(current) {
  return current && current > moment().startOf("year");
}

ReactDOM.render(
  <DatePicker disabledDate={disabledDate} picker="year" />,
  document.getElementById("container")
);

希望能帮助到你。

善良天后 2022-10-07 23:10:05

已解决:

 disableDate(current) {
    return current && current > moment().year(moment().year() + 1).startOf("year") 
 },
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文