代码之家 › 专栏 › 技术社区 › A. E.

React datpicker处于React Hook状态-将控制器设置为React required时,错误依然存在

react-datepicker react-hook-form forms reactjs

0

A. E. · 技术社区 · 3 年前

我有一个react钩子表单,它在控制器中包含react数据选择器。除了我意识到我需要一个开始日期和结束日期之外,一切都很好。我看到您可以将规则设置为required并获得错误消息。问题是,即使填写了输入字段,也会出现错误消息。我做错了什么?这是密码。

 <Controller
            control={control}
            name='EndDate'
            rules={{ required: true }}
            render={({ field: { onChange, onBlur, value, ref } }) => (
              <DatePicker
                onChange={(val) => {
                  setEndDateTime(val);
                  setValue("end", val);
                }}
                onBlur={onBlur}
                className='formDate'
                selected={endDateTime}
                showTimeSelect
                timeIntervals={15}
                timeCaption='time'
                dateFormat='MM-dd-yyyy h:mm'
              />
            )}
          />
            {errors.EndDate && (
            <ErrorDiv>
              <Err>Please enter an end date and time</Err>
            </ErrorDiv>
          )}

0 回复 | 直到 3 年前