angularjs过滤器（一）------禁止转载------

如果用代码实现：将new Date()转换为 M/D/YY 00:00 格式。

启用过滤器有两种方式：①在HTML中用“|”启用过滤器。格式为{{$scope.property | filter:'name'}}

                                      ②在angularJS代码中启用$filter功能。首先依赖注入，$scope.prop=$filter('fitlterName')('value')

①的示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>angularTest</title>
    <script type="text/javascript" src='angular.min.js'></script>
</head>
<body>
    <div ng-app='myApp'>
        <div ng-controller='myController'>
            <div>{{today|date:'short'}}</div>
        </div>     
    </div>
</body>
<script>
    var app=angular.module('myApp',[]);
    app.controller('myController',['$scope',function($scope){
        .$scope.today=new Date();
    }]);
</script>
</html>

②的示例代码： 

<!DOCTYPE html>
<html>
<head>
    <title>angularTest02</title>
    <script type="text/javascript" src='angular.min.js'></script>
</head>
<body>
    <div ng-app='myApp'>
        <div ng-controller='myController'>
            <div>{{today}}</div>
        </div>
        
    </div>
</body>
<script>
    var app=angular.module('myApp',[]);
    app.controller('myController',function($filter,$scope){
        $scope.today=$filter('date')(new Date(),'short');
    });
</script>
</html>

接下来是介绍$filter：

1、currency

可以将一串数字转换为货币格式，如：123456789 =>$1,234,567,890.00 ，货币符号为默认为$，可以自定义设置货币符号。

2、date

new Date() ：2016-12-26T08:04:28.629Z

[-1-] 日期格式化

①medium ：Dec 26, 2016 4:05:30 PM

②short ：12/26/16 4:06 PM

③fullDate ：Monday, December 26, 2016

④longDate ：December 26, 2016

⑤mediumDate ：Dec 26, 2016

⑥shortDate ：12/26/16

⑦mediumTime：4:12:05 PM

⑧shortTime ：4:12 PM

* 如果$scope.prop不是一个Date()：①一串数字，date过滤器会把它当做毫秒数处理。②字符串，date过滤器不做处理，直接输出。

[-2-]年份格式化

①date：'y' ：2016

②date：'yy'：16

③date：'yyyy'：2016

[-3-]月份格式化

date：'MMMM'：December

date：'MMM'：Dec

date：'MM'：12（显示两位，如01,02 …）

date：'M'：12

posted @ 2016-12-26 16:42  OHAYO_Mario  阅读(129)  评论(0)    收藏  举报