首页 > 代码库 > Angularjs中对时间格式:/Date(1448864369815)/ 的处理
Angularjs中对时间格式:/Date(1448864369815)/ 的处理
注:本文使用的 angular 版本为 1.3 版
我们在后台对数据进行json序列化时,如果数据中包含有日期,序列化后返回到前端的结果可能是这样的: /Date(1448864369815)/ 。可是往往我们要在前台显示正常的日期格式,该如何处理呢?在angularjs(后面简称 ng)中处理起来还是挺方便的,首先我们来看下ng中内置的过滤器:date。
ng 过滤器有两种使用方式,分别是: ng表达式 和 控制器中使用代码调用
一. ng表达式
<!-- 表达式中使用 -->{{ dt1 | date:‘yyyy-MM-dd HH:mm:ss‘ }}
二. 控制器中使用
//必须注入 $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),就可以进行格式转换了,如下所示:
//前台输出 dt3 结果为 2015-11-30 14:19:29$scope.dt3 = $filter("date")(1448864369815, "yyyy-MM-dd HH:mm:ss");
那么我们如何获取 /Date(1448864369815)/ 里面的时间戳 1448864369815 呢?方法如下:
var _dt = "/Date(1448864369815)/";//转成数字类型var timestamp = Number(_dt.replace(/\/Date\((\d+)\)\//, "$1"));
在 ng 中是支持自定义过滤器的(自定义过滤器如果不了解,请自行百度),因此我们可以在原有的 date 过滤器的基础上进行一次包装,编写一个我们自己的过滤器,实现由 /Date(1448864369815)/ 到常规时间格式的转换。代码如下:
//自定义过滤器 jsonDateapp.filter("jsonDate", function($filter) { return function(input, format) { //先得到时间戳 var timestamp = Number(input.replace(/\/Date\((\d+)\)\//, "$1")); //转成指定格式 return $filter("date")(timestamp, format); } });
实现后,就可以像内置的 date 过滤器一样使用了。
// 控制器中使用 $filter("jsonDate")("/Date(1448864369815)/", "yyyy-MM-dd HH:mm:ss");
<!-- 表达式中使用 -->{{"/Date(1448864369815)/" | jsonDate:"yyyy-MM-dd HH:mm:ss"}}
Angularjs中对时间格式:/Date(1448864369815)/ 的处理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。