首页 > 解决方案 > DateTime Picker 不更新 reactjs 中的日期/时间

问题描述

我正在尝试使用我以前从未使用过的日期时间选择器。我正在使用react-rainbow-componentand 一个功能组件。

日期选择器如下所示:

<DateTimePicker
    formatStyle="large"
    value={date}
    label="Due Date"
    onChange={(value) => setDate(value)}
    className="rainbow-m-around_small"
    style={inputStyles}
/>

我正在使用useState

const [date, setDate] = useState(new Date());

当我提交我使用的表格时:

(await editTodo(todo.id, values, date), close())

但是日期是作为原始日期值提交的,而不是选择的日期值。当您在日期选择器上选择某个时间时,日期不会改变,但如果 I console.log(date),它会显示它正在改变。我也试过改成onChange={setDate},还是不行。

标签: reactjsdatepickerreact-functional-component

解决方案


推荐阅读