启用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组件连接起来……有什么想法吗？我想念什么吗？

谢谢！

P.S .：我知道Calendar组件实现了restrictedDates属性来禁用日期数组。但是我正在尝试使用DatePicker进行相反的操作（禁用所有功能并启用某些功能）。

Answer 1

坏消息：似乎不支持您要求的内容（“仅启用某些日期”）。

好消息：仍有可能解决此问题。

<DatePicker>接受一个calendarProps道具。 <Calendar>接受restrictedDates道具。这使您可以排除某些日期（与请求相反），但是您可以通过排除所有其他日期来表达所需的日期。查看文档以获取特定语法。