Блог

Я не смог найти, как удалить «T22:00:00.000 Z», которое отображается с датой. Я использую этот ввод:

 <input
            type="date"
            required
            id="release_date"
            ref={release_dateInputRef}
          />
 

И я понятия не имею, почему дата отображается так: «2001-06-29T22:00:00.000 Z «. Кто-нибудь знает, как отображать только дату: 2001-06-29?

Вы можете создать function , чтобы отображать только дату

 export default function App() {
  const [date, setDate] = useState("");
  const release_dateInputRef = useRef(null);
 // function to show only date
  const getDate = (date) => {
    if (date) {
      const d = new Date(date);
      return `${d?.getFullYear()}-${d?.getMonth()}-${d?.getDate()}`;
    }
    return undefined;
  };

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <input
        type="date"
        required
        id="release_date"
        ref={release_dateInputRef}
        onChange={(e) => setDate(e.target.value)}
      />
      <br />
      Selected Date: {date}
      <br />
      Selected Date from ref :{getDate(release_dateInputRef?.current?.value)}
      <br />
      Selected Date: {getDate(date)}
    </div>
  );
}
 

Выход:

Пример кода — ссылка на CodeSandbox — https://codesandbox.io/s/nice-black-w3j0u?file=/src/App.js

Дайте мне знать, если вам понадобится дополнительная поддержка.