Включить определенные дни DatePicker - PullRequest
Новая
       7

Включить определенные дни DatePicker

0 голосов
/ 07 марта 2019

Я настраиваю веб-сайт с использованием пользовательского интерфейса Office Fabric, но не нашел способа включить определенные дни из компонента 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.

1 Ответ

2 голосов
/ 08 марта 2019

Плохие новости: то, что вы просите («включить только определенные даты»), похоже, не поддерживается.

Хорошая новость: еще может быть способ справиться с этим.

<DatePicker> принимает calendarProps проп. И <Calendar> принимает restrictedDates проп. Это позволяет исключить определенные даты (противоположные вашему запросу), но вы можете указать желаемые даты, исключив все остальные. Проверьте документы для определенного синтаксиса.

...