我想知道如何将日期值设置为Fluent UI datepicker sharepoint spfx反应

问题描述

在这里，我想从SharePoint列表中获取一个日期并将其设置在日期选择器中，

enter image description here

仅供参考，日期是从API正确获取的，我使用的是pnp js来检索数据，但只有日期值未设置到日期选择器中

解决方法

@Sandesh Rathnayake，

此控件公开了一个属性来设置其值：

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

您可以在反应组件状态下定义日期变量，然后将其值设置如下：

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 }) } 
        />