Angularjs中對時間格式：/Date(1448864369815)/ 的處理

時間 2019-11-20 標籤 angularjs 中對時間格式 date 1448864369815 處理

注：本文使用的 angular 版本爲 1.3 版前端

咱們在後臺對數據進行json序列化時，若是數據中包含有日期，序列化後返回到前端的結果多是這樣的： /Date(1448864369815)/ 。但是每每咱們要在前臺顯示正常的日期格式，該如何處理呢？在angularjs（後面簡稱 ng）中處理起來仍是挺方便的，首先咱們來看下ng中內置的過濾器：date。angularjs

ng 過濾器有兩種使用方式，分別是： ng表達式和控制器中使用代碼調用json

一. ng表達式app

<!-- 表達式中使用 -->
{{ dt1 | date:'yyyy-MM-dd HH:mm:ss' }}

二. 控制器中使用spa

//必須注入 $filter 模塊
app.controller("demoCtrl", ["$scope", "$filter", function($scope, $filter){
    $scope.dt1 = new Date();

    //控制器中使用
    $scope.dt2 = $filter("date")($scope.dt1, "yyyy-MM-dd HH:mm:ss");
}]);

由於 $filter("date")(param, format) 中的 param 是能夠接收時間戳的，因此若是咱們的日期格式是： /Date(1448864369815)/ 這樣的，咱們只要獲取到裏面的時間戳（即： 1448864369815），就能夠進行格式轉換了，以下所示：code

//前臺輸出 dt3 結果爲 2015-11-30 14：19：29
$scope.dt3 = $filter("date")(1448864369815, "yyyy-MM-dd HH:mm:ss");

那麼咱們如何獲取 /Date(1448864369815)/ 裏面的時間戳 1448864369815 呢？方法以下：orm

var _dt = "/Date(1448864369815)/";

//轉成數字類型
var timestamp = Number(_dt.replace(/\/Date\((\d+)\)\//, "$1"));

在 ng 中是支持自定義過濾器的（自定義過濾器若是不瞭解，請自行百度），所以咱們能夠在原有的 date 過濾器的基礎上進行一次包裝，編寫一個咱們本身的過濾器，實現由 /Date(1448864369815)/ 到常規時間格式的轉換。代碼以下：blog

//自定義過濾器 jsonDate
app.filter("jsonDate", function($filter) {
   return function(input, format) {
        //先獲得時間戳
        var timestamp = Number(input.replace(/\/Date\((\d+)\)\//, "$1"));

        //轉成指定格式
        return $filter("date")(timestamp, format);
   } 
});

實現後，就能夠像內置的 date 過濾器同樣使用了。input

// 控制器中使用 
$filter("jsonDate")("/Date(1448864369815)/", "yyyy-MM-dd HH:mm:ss");

<!-- 表達式中使用 -->
{{"/Date(1448864369815)/" | jsonDate:"yyyy-MM-dd HH:mm:ss"}}