【问题标题】:Material-ui datepickers, how can one disable certain multiple datesMaterial-ui datepickers,如何禁用某些多个日期
【发布时间】:2020-10-15 23:49:21
【问题描述】:

我需要禁用日历的多个日期,而不仅仅是过去或未来的日期,还有我提供给日历的一些日期。例如,我想禁用,比如说 6 月 29 日、6 月 27 日和 7 月 4 日。 我知道您可以通过 shouldDisableDates 传递它,尽管我不太确定如何执行此操作。

我以这种格式获取日期

const disabledDates = () => {
console.log(exludedDates)
return moment(exludedDates[0].pickup_date);
};

就是代码,它从屏幕截图中获取数据

【问题讨论】:

    标签: javascript reactjs datepicker material-ui


    【解决方案1】:

    shouldDisableDates 接受一个传递了date 的函数。 您可以创建一个接受日期作为参数的函数,并根据您的条件使用该日期并从该函数返回真或假。如果为 true,则返回值将禁用日期,反之亦然。希望您能理解并尝试一下。

    【讨论】:

    • 我已经更新了我的问题,你有什么想法可以解决这个问题吗?
    • 请分享您在shouldDisableDate中传递的函数代码
    • disabledDates 不接受任何参数,如果您将其传递给 shouldDisableDate 那么此函数应该接受一个日期参数,该参数将由 shouldDisableDate 自动传递,然后将该日期与您的日期进行比较禁用并返回true 禁用,false 禁用。
    猜你喜欢
    • 2023-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-09
    • 2013-06-15
    相关资源
    最近更新 更多