如何验证office-fabric ui DatePicker答案

【问题标题】：How to validate office-fabric ui DatePicker如何验证office-fabric ui DatePicker
【发布时间】：2020-06-30 15:07:22
【问题描述】：

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

请建议如何实现它，或者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}
/>;

【问题讨论】：

标签： javascript html reactjs datepicker office-fabric

【解决方案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} />

【讨论】：