Javascript 如何将动态日期时间选择器添加到我的应用程序？

我正在尝试创建一个支持在线预订/预订系统的web应用程序。我想创建一个动态日期选择器，允许用户根据可用性选择一些特定的日期

假设可用日期的数据存储在数组

slots

中。如何修改日期选择器以仅允许用户从这些日期集中进行选择，同时禁用其余日期

我正在使用

@material ui/pickers

中的DatePicker，我能够找到

disablePast

，它禁用了所有以前的日期，但找不到任何适合我的用例的道具

---

有人能帮我吗？

你能做的就是，你可以使用

shouldDisableDate

道具，在这个道具中，你必须传递一个函数，接受

日期

作为参数，并返回一个布尔值

真/假

来判断是否应该呈现日期

例如：

在组件的

shouldDisableDate

prop中，可以传递如下函数

<DatePicker  
  shouldDisableDate={renderDateFunction}
  ...

---

您可以从此处的文档中阅读有关DatePicker组件API的更多信息：

您可以为您的应用程序执行以下操作：，您可以使用

shouldDisableDate

属性，在该属性中，您必须传递一个函数，该函数接受

date

作为参数，并返回一个布尔值

true/false

，以确定是否应呈现日期

例如：

在组件的

shouldDisableDate

prop中，可以传递如下函数

<DatePicker  
  shouldDisableDate={renderDateFunction}
  ...

---

您可以从此处的文档中阅读有关DatePicker组件API的更多信息：

DatePicker has

shouldDisableDate

。也许这个答案有帮助：谢谢分享！日期选择器有

shouldDisableDate

。也许这个答案有帮助：谢谢分享！这正是我想要的，谢谢。这正是我想要的，谢谢。