ASP.NET MVC下使用AngularJs語言(九)：日期時間處理與顯示

Insus.NET發表於2018-03-19
ASP.NETMVCAngularJS

當在angularjs去顯示一個時間時，如原原本本去顯示這個值，它將顯示一個怪怪的字串，其實它就是被系列化json之後的字串。如：
一個空值顯示為日期時間：


如果非空值顯示為日期時間的情形：



為了能正常顯示，我得需要先將這json的字串，進行返系列化，建立angularjs的過濾器filter:

 

app.filter("dateFilter", function () {
    var re = /\/Date\(([0-9]*)\)\//;
    return function (x) {
        var m = x.match(re);
        if (m) return new Date(parseInt(m[1]));
        else return null;
    };
});
Source Code

 

在html中應用這個過濾器：
{{info.PublicDate | dateFilter }}

 

顯示的結果，當空值顯示為空。當有值時，將顯示為一個時間的值了：

 

上面雖然顯示為一個日期時間，但時間的格式並不是我們想要的，如："yyyy-MM-dd HH:mm:ss"

因此，完整的程式碼:
{{info.PublicDate | dateFilter | date:"yyyy-MM-dd HH:mm:ss"}}

最終顯示的結果：

 

相關文章