Question

我尝试了早期版本的react datepicker，但没有解决。如果需要更多代码，请访问以下存储库：https://github.com/RodrigoAN97/revents 谢谢。

import React from 'react'
import { useField } from 'formik'
import { FormField, Label } from 'semantic-ui-react'
import DatePicker from 'react-datepicker'
import 'react-datepicker/dist/react-datepicker.css'

export default function MyDateInput({ label, ...props }){
   const [field, meta, helpers] = useField(props)
   return (
      <FormField error={meta.touched && !!meta.error} >
         <label>{label}</label>
         <DatePicker
            {...field}
            {...props}
            selected={(field.value && new Date(field.value)) || null}
            onChange={(e, d) => helpers.setValue(d.value)}
         />
         {meta.touched && meta.error ? (
            <Label basic color='red' > {meta.error} </Label>
         ) : null}
      </FormField>
   )
}

Answer 1

There只是onChange侦听器的一个参数，即e。删除d。

Answer 2

似乎您的<RSAKeyValue><Modulus></Modulus><Exponent></Exponent><P></P><Q></Q><DP></DP><DQ></DQ><InverseQ></InverseQ><D></D></RSAKeyValue>回调错误，请尝试以下操作：

onChange

Answer 3

我也在寻找一种易于使用的日期选择器。然后我在npm中找到了这个简单易用的日历或日期选择器 react-single-calendar

易于根据设计进行使用和修改，也可以在youtube

中查看本教程

TypeError：无法读取未定义的属性“值”（d为未定义）

3 个答案: