Ionic 3-Angular 5-时间格式更改

Question

我收到了来自Firebase的启动时间响应： 16:40:12

我想将显示的时间显示为 04:40 PM ，从下午开始搜索google中的解决方案，而无法正常工作。.

这是我的代码，

<div class="time">
   <div>{{ setDate(booking.start) | date:'hh:mm a' }}</div>
   <div>{{ setDate(booking.end) | date:'hh:mm a' }}</div>
 </div>

setDate(date){
  console.log(new Date(date));
  return new Date(date);
}

Answer 1

只需将您的24小时制转换为12小时制，就可以使用自定义方法。

这里是一个示例

function tConvert (time) {
  // Check correct time format and split into components
  time = time.toString ().match (/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];

  if (time.length > 1) { // If time format correct
    time = time.slice (1);  // Remove full string match value
    time[5] = +time[0] < 12 ? 'AM' : 'PM'; // Set AM/PM
    time[0] = +time[0] % 12 || 12; // Adjust hours
    time[0] = time[0] > 10 ? time[0] : '0'+time[0];
  }
  console.log(time.join (''));
  return time.join (''); // return adjusted time or original string
}

tConvert("16:40:42");