显示12小时格式的预计到达时间

Question

does any one know this could be achieved in react native, I am working on an location based app that requires showing ETA to the customer. However, I do not want to show just 25mins away, I would like to implement 'arriving 'Arriving Today, 9:45 AM. which implies the current time is 9:20 and the ETA is added to the current time. something like the image below

Answer 1

You can achieve it using the below function:

  getETA(minutesLeftInArrival) {
    let arrivalTimeLeft = minutesLeftInArrival * 60 * 1000; // convert to unix timestamp
    let currentTime = Date.now(); //TIME RIGHT NOW
    let timeToArrive = currentTime + arrivalTimeLeft; // TIME OF ARRIVAL
    let time = new Date(timeToArrive).toTimeString(); // TIME in 24 hour format
    time = time.split(" ")[0];  // Remove GMT+...... from time
    time = time.replace(/:\d\d([ ap]|$)/,'$1'); // remove seconds from time
    let H = +time.substr(0, 2);
    let hour = H % 12 || 12; 
    let ampm = (H < 12 || H === 24) ? "AM" : "PM"; // Return AM or PM depedning of 24 Hour time
    time = hour + time.substr(2, 3) + " " + ampm;


    return time; // RETURNS 12 HOUR TIME
  }

https://snack.expo.io/@ammarahmed/getetatime