我正在使用react DateTime,并且希望显示或至少控制选定的日期和时间,以便以后可以将其保存在数据库中
输入以今天的日期和当前小时作为初始值,我可以很容易地控制它,但当我选择另一天时,出现了exeption。
有一个useState
挂接,我使用它来初始化date
变量
const [date,setDate] = useState(new Date() )
<Datetime
isValidDate={(current)=>{
let today= new Date()
return current.isAfter(today)
}}
dateFormat="DD-MM-YYYY"
onChange={()=>setDate((e)=>e.target.value)}
value={date}>
</Datetime>
1条答案
按热度按时间mzmfm0qo1#
根据https://www.npmjs.com/package/react-datetime,您的
onChange
应该是:onChange={(val) => setDate(val)}
。您将得到一个moment
日期作为onChange
的输入。此外,由于当前的
onChange
完全无效,因此会出现异常:1.它不接收事件,而是接收实际选定的力矩值。
1.即使
e
正在接收事件,它也应该来自onChange
,而不是来自状态设置器:onChange={(e) => setDate(e.target.value)}
.