Блог

Здесь я хочу получить дату из списка SharePoint и установить ее в datepicker,

введите описание изображения здесь

К вашему сведению, дата поступает правильно из API, я использую pnp js для извлечения данных, но только значение даты не задается в средстве выбора даты

@Sandesh Rathnayake,

Этот элемент управления предоставил свойство для установки его значения:

• https://developer.microsoft.com/en-us/fluentui#/controls/web/datepicker#implementation

Вы можете определить переменную даты в состоянии компонента react, а затем установить ее значение, как показано ниже:

 export class DatePickerBasicExample extends React.Component<any, IDatePickerBasicExampleState> { 
  constructor() { 
    super(); 

    this.state = { 
      firstDayOfWeek: DayOfWeek.Sunday, 
      value: new Date()
    }; 
  } 
  

….

  <DatePicker 
          label='Start date' 
          isRequired={ false } 
          allowTextInput={ true } 
          ariaLabel={ desc } 
          firstDayOfWeek={ this.state.firstDayOfWeek } 
          strings={ DayPickerStrings } 
          value={ this.state.value } 
          onSelectDate={ date => this.setState({ value: date }) } 
        /> 
  

Вы могли бы использовать «minDate» attr для выбора даты.

 <DatePicker 
          label='Start date' 
          isRequired={ false } 
          allowTextInput={ true } 
          ariaLabel={ desc } 
          firstDayOfWeek={ this.state.firstDayOfWeek } 
          strings={ DayPickerStrings }
          minDate={new Date()}
          value={ this.state.value } 
          onSelectDate={ date => this.setState({ value: date }) } 
        />