使用AngularJS / jQuery將24小時時間變量轉換為12小時時間

Question

我從數據庫獲取一個24小時時間字符串中的值。 我正在尋找一種使用angularJS或jQuery將字符串更改為12小時制的方法。

目前，我無法對后端（JAVA）或數據庫進行任何代碼更改。

var offTime = "17:25:11";

我需要將其顯示為： "5:25:11"

請幫忙 ！

Answer 1

您需要將值除以: ，然后在通過模運算符運行第一個值之后重建它。 嘗試這個：

 var offTime = "17:25:11".split(':'); offTime[0] = offTime[0] % 12; var output = offTime.join(':'); alert(output); 

Answer 2

解決Kabb5的答案時，我添加了更多邏輯來確定AM / PM並檢查0，因此0 AM是不可行的。

angular.module('simpleAppFilters').filter('twentyFourToTwelve', function () {
return function (inputTime) {        
    inputTime = inputTime.toString(); //value to string for splitting
    var splitTime = inputTime.split(':');
    var ampm = (splitTime[0] >= 12 ? ' PM' : ' AM'); //determine AM or PM 
    splitTime[0] = splitTime[0] % 12;
    splitTime[0] = (splitTime[0] == 0 ? 12 : splitTime[0] ); //adjust for 0 = 12

    return splitTime.join(':') + ampm;
};
});

Answer 3

創建一個這樣的過濾器：

app.filter('twentyFourToTwelve ', function () {
  return function (inputTime) {
    var splitTime = inputTime.split(':');
    splitTime[0] = splitTime[0] % 12;

    return splitTime.join(':');        
  };
});

然后在您的綁定中：

{{ myTime | twentyFourToTwelve }}