我有追隨者& lt日期時間& gt從react-datetime庫中選取器。

import React from "react";
import Datetime from "react-datetime";
import moment from "moment";

import "./styles.css";

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
        fromDateTime: "",
    };
  } 
  render() {
    return (
      <div className="App">
        <Datetime
          value={this.state.fromDateTime}
          dateFormat="YYYY-MM-DD"
          timeFormat="HH:mm"
          onChange={(momentObj) => {
            if (momentObj && momentObj.isValid && momentObj.isValid()) {
              const formattedDateTime = momentObj.format("YYYY-MM-DD HH:mm");
              this.setState({ fromDateTime: formattedDateTime });
            }
          }}
        />
      </div>
    );
  }
}

我可以將粘貼的日期2023-06-15 00:30復制到輸入字段中。但是一旦我復制粘貼，我不能使用刪除和退格鍵來修改日期。為什么會這樣呢？

你可以在[https://codesandbox.io/s/keen-tereshkova-h7pmjc]嘗試這種行為？file =/src/app . js this code sandbox]。

PS:在codesandbox中，日歷總是打開的。我的筆記本電腦不是這樣。當我單擊輸入框內部時，日歷打開，當我單擊外部時，日歷關閉。

一旦你點擊日歷上的日期，它將返回不再是日期的值，如2021-06-15 00:0。

因此，將非日期值更改為可更新的。比如:

if (momentObj && momentObj.isValid && momentObj.isValid()) {
          const formattedDateTime = momentObj.format("YYYY-MM-DD HH:mm");
          this.setState({ fromDateTime: formattedDateTime });
        } else {
          this.setState({ fromDateTime: momentObj.toString() });
        }