javascript 如何使用react DateTime显示选定的日期和时间?

wyyhbhjk  于 2023-02-15  发布在  Java
关注(0)|答案(1)|浏览(153)

我正在使用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>
mzmfm0qo

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)}.

相关问题