啟用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：我知道Calendar組件實現了restrictedDates屬性來禁用日期數組。 但是我正在嘗試使用DatePicker進行相反的操作（禁用所有功能並啟用某些功能）。

Answer 1

壞消息：您所要求的內容（“僅啟用某些日期”）似乎不受支持。

好消息：仍然有辦法解決這個問題。

<DatePicker>接受一個calendarProps道具。 和<Calendar>接受restrictedDates道具。 這使您可以排除某些日期（與請求相反），但是您可以通過排除所有其他日期來表達所需的日期。 查看文檔以獲取特定語法。