以12小时格式显示ETA react native

import React from 'react';
import { Text } from 'react-native';

const ETAComponent = () => {
  const etaDate = new Date(); // 获取当前时间
  const etaHours = etaDate.getHours(); // 获取当前小时数
  const etaMinutes = etaDate.getMinutes(); // 获取当前分钟数
  const etaPeriod = etaHours >= 12 ? 'PM' : 'AM'; // 判断是上午还是下午

  // 将小时数转换为12小时制
  const displayHours = etaHours > 12 ? etaHours - 12 : etaHours;
  // 格式化分钟数，确保显示两位数
  const displayMinutes = String(etaMinutes).padStart(2, '0');

  return (
    <Text>{`${displayHours}:${displayMinutes} ${etaPeriod}`}</Text>
  );
};

export default ETAComponent;