Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何验证office fabric ui日期选择器_Javascript_Html_Reactjs_Datepicker_Office Fabric - Fatal编程技术网

Javascript 如何验证office fabric ui日期选择器

Javascript 如何验证office fabric ui日期选择器,javascript,html,reactjs,datepicker,office-fabric,Javascript,Html,Reactjs,Datepicker,Office Fabric,我使用了Office fabric UI日期选择器组件,希望在单击表单提交按钮时显示验证消息。希望显示自定义验证消息,如“必填字段”等 请建议如何实现它,或者fabric UI是否为日期选择器验证提供了属性 代码: onFormatDate(日期,模式):null} maxDate={new Date()} value={form.value} 占位符={messages.datePickerPlaceholder} />; 尝试使用Redux表单。创建包裹组件 如下所示: <Dat

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

请建议如何实现它,或者fabric UI是否为
日期选择器
验证提供了属性

代码:

onFormatDate(日期,模式):null}
maxDate={new Date()}
value={form.value}
占位符={messages.datePickerPlaceholder}
/>;

尝试使用Redux表单。创建包裹组件

如下所示:


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