javascript - 启用 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.:我知道日历组件实现了一个 restrictedDates 属性来禁用日期数组。但我试图使用 DatePicker 做相反的事情(禁用所有内容并启用一些)。

Answer 1

坏消息:您所要求的(“仅启用某些日期”)似乎不受支持。

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

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