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

Question

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

在此处输入图像描述

仅供参考，日期来自 API，我正在使用 pnp js 检索数据，但只有日期值没有设置到 datepicker

标签： sharepointspfxfluent-uipnp-js

Answer 1

@Sandesh Rathnayake，

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

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

您可以在 react 组件的状态下定义一个 Date 变量，然后将其值设置如下：

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