启用 DatePicker 的特定日期

Question

我正在使用 Office Fabric UI 设置一个网站，但没有找到从 DatePicker 组件启用特定日期的方法（并禁用所有其他组件）。

我的堆栈由 Nodejs 和 React 组成，因此我正在使用该office-ui-fabric-react包。这就是我所拥有的：

<DatePicker
  isRequired={true}
  ariaLabel={"This field is required."}
  value={this.state.startDate}
  firstDayOfWeek={DayOfWeek.Monday}
  onSelectDate={this.handleDateChange}
/>

我认为这可以通过 pickadate.js 来实现：

picker.set('disable', true); // Disable all
picker.set('enable', enableDates); // Enable some

但我真的无法理解如何将该脚本与 React 组件连接起来......有什么想法吗？我错过了什么吗？

谢谢你！

PS：我知道日历组件实现了一个restrictedDates属性来禁用日期数组。但我试图使用 DatePicker 做相反的事情（禁用所有内容并启用一些）。

Answer 1

坏消息：您所要求的（\xe2\x80\x9cenable 仅某些日期\xe2\x80\x9d）似乎不支持\xe2\x80\x99t。

\n\n

好消息：仍然可能有办法解决这个问题。

\n\n

<DatePicker>接受一个calendarProps道具。并<Calendar>接受一个restrictedDates道具。这允许您排除某些日期（与您的请求相反），但您也许可以通过排除所有其他日期来表达您想要的日期。查看文档了解具体语法。

\n