如何验证office-fabric用户界面DatePicker

Question

我已使用Office 日期选择器组件，并希望在单击表单提交按钮上显示验证消息。希望显示自定义验证消息，如“强制字段”等。

请建议如何实现它，或者fabric UI是否为date-picker验证提供了一个属性？

代码：

<DatePicker
  className={style}
  label={form.colText}
  showMonthPickerAsOverlay={showMonthPickerAsOverlay}
  onSelectDate={onSelectionChange}
  isRequired={form.mandatory}
  allowTextInput={allowTextInput}
  isMonthPickerVisible={false}
  formatDate={pattern ? date => onFormatDate(date, pattern) : null}
  maxDate={new Date()}
  value={form.value}
  placeholder={messages.datePickerPlaceholder}
/>;

Answer 1

试着使用Redux表单。创建一个包装组件。

https://redux-form.com/8.3.0/docs/api/field.md/

如下所示：

<Field name={"startDate"}
       label={"Start date"}
       placeholder={"Select a date"}
       validate={[isRequired]}
       component={DatePicker} />