如何使用 react-native-date-picker 獲取時間

Question

我想通過react-native-date-picker獲得時間。 所以我將模式設置為time 。 但這以這種格式給出，這里的時間也不正確。

2023-01-25T16:50:53.467Z

這是我的代碼，

     <DatePicker
        mode="time"
        date={date}
        modal
        open={pickupTimeModal1}
        onConfirm={time => console.log(time)}
        onCancel={() => {
          setPickupTimeModal1(false);
        }}
      />

Answer 1

我認為這個庫為您提供了完整的日期字符串。
您可以將日期轉換為您喜歡的格式：

new Date(Date.parse("2023-01-25T16:50:53.467Z")).toLocaleString();
// 1/25/2023, 8:50:53 PM
new Date(Date.parse("2023-01-25T16:50:53.467Z")).toLocaleDateString();
// 1/25/2023
new Date(Date.parse("2023-01-25T16:50:53.467Z")).toLocaleTimeString();
//8:50:53 PM

為了更好的轉換，您還可以使用date-fns

Answer 2

  let d = new Date();
  let hours = d.getHours();
  let minutes = d.getMinutes();
  let seconds = d.getSeconds() <= 9 ? `0${d.getSeconds()}` : d.getSeconds();

  console.log(`${hours}:${minutes}:${seconds}`);