Angularjs在控制器(controller.js)的js代碼中使用過濾器($filter)格式化日期/時間實例


Angularjs內置的過濾器(filter)為我們的數據信息格式化提供了比較強大的功能,比如:格式化時間,日期、格式化數字精度、語言本地化、格式化貨幣等等。但這些過濾器一般都是在VIEW中使用的,比如格式化時間/日期的VIEW視圖代碼:

<div ng-app>
    <p>
        <label>Select a date</label>
        <input type="date" id="date" ng-model="datevalue" />
    </p>
    <p> {{ datevalue | date : 'fullDate'}} </p>
</div>

那么問題來了,如果我需要在控制器(controller)的js代碼中使用filter來格式化時間/日期,應該怎樣處理呢? 直接上代碼吧: 視圖(view)模板代碼:

<div ng-app="dateApp" ng-controller="dateController">
    <p> {{ result }} </p>
</div>

控制器(controller)代碼:

var app = angular.module('dateApp', []);
    app.controller(
        'dateController',
        function ($scope, $filter) {
            $scope.result = $filter('date')(new Date(), 'fullDate');
        }
);

以上就是在控制器(controller.js)的js代碼中使用過濾器($filter)格式化日期/時間的實現。

PS:如果有寫錯的地方,歡迎指出,謝謝。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM