reactjs - react-datetime：如何从按钮将时间设置为 now()

Question

我正在使用反应日期时间

我希望用户使用按钮轻松将时间设置为当前时间Immediate。而不是手动选择当前时间。

我正在尝试以下

const [currentDateTime, setcurrentDateTime] = useState(null);
<Datetime
    inputProps={{
        placeholder: "MM-DD-YYYY HH:mm",
        required: true,
    }}
    viewMode="time"
    value={currentDateTime} <--- THE PROBLEM WITH THIS IS, IT DOES NOT SET THE SELECTED DATETIME.
/>
<Button color="primary" className="ml-1" onClick={() => setcurrentDateTime(new Date())}>
    {"Immediate"}
</Button>

要使用Immediate我正在使用的按钮值value={currentDateTime}。但是这不允许我使用选定的值

这个怎么做。当我new Date()按下Immediate按钮时有价值。并selected在我选择日期时间时具有价值

Answer 1

发生这种情况是因为您尚未将onChange事件添加到您的Datetime：

const [currentDateTime, setcurrentDateTime] = useState(null);

  return (
    <>
      <Datetime
        inputProps={{
          placeholder: "MM-DD-YYYY HH:mm",
          required: true
        }}
        viewMode="time"
        value={currentDateTime}
        onChange={setcurrentDateTime} // <--- You need to add onChange 
      />
      <Button
        color="primary"
        className="ml-1"
        onClick={() => setcurrentDateTime(new Date())}
      >
        {"Immediate"}
      </Button>
    </>
  );

签出此 CodeSandbox：