javascript - 如何验证office-fabric ui DatePicker

Question

我使用了 Office Fabric UI日期选择器组件，并希望在单击表单提交按钮时显示验证消息。想要显示自定义验证消息，如“必填字段”等。

请建议如何实现它或者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-form。创建一个包装组件。

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