【问题标题】:React-dates SDP - how to disable today?React-dates SDP - 今天如何禁用?
【发布时间】:2019-03-07 17:31:32
【问题描述】:

我正在使用 Airbnb 的 react-dates (SingleDatePicker),但我不知道如何禁用今天的日期。其他一切都很好,我只是不希望他们今天能够选择。

【问题讨论】:

    标签: react-dates


    【解决方案1】:

    isOutsideRange 需要一个回调,该回调将日历中的某一天作为参数接收。

    您应该编写一个函数来将此参数与您想要阻止的日期进行比较。 函数示例

    function blocksDay(day) {
      return day.isSame(moment(), ‘“day”);
    }
    ....
    <SingleDatePicker
    ...
    isOutsideRange={blocksDay}
    />
    

    blocksDay 函数针对日历中的每一天执行,以了解允许的日期。

    您可以屏蔽整个范围,也可以只屏蔽特定日期。这要感谢moment.js 库。 这是 moment 文档的链接:moment

    如果你愿意,可以在浏览器中测试moment功能,在moment的网站上打开浏览器的控制台即可

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-01-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-21
      • 1970-01-01
      相关资源
      最近更新 更多