如何使用react-native-date-picker获取时间

dl5txlt9  于 2023-01-27  发布在  React
关注(0)|答案(2)|浏览(132)

我想用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);
        }}
      />
5lhxktic

5lhxktic1#

我想这个库会给你一个完整的日期字符串。
您可以将日期转换为您喜欢的格式:

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

yqyhoc1h

yqyhoc1h2#

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}`);

相关问题