angularjs修改日期（不日期OBJ）在DIV

可以說我有一個divangularjs修改日期（不日期OBJ）在DIV

<div class="date-display">{{date.displayModofiedDate}}</div>

正在接收的對象，看起來像這樣：SUNDAY 25或TUESDAY 12但它不是一個約會對象。我怎麼能讓平日只有3個字母？因此，它看起來像MON 25或WED 02

我不能| date: 'EEE dd'，因爲它不是一個約會對象，limitTo不會工作要麼，因爲我在字符串的結尾ened的數字。

來源

2017-02-23 IWI

似乎是一個正則表達式的情況下。 – Claies

[or substring]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring） – alphapilgrim

創建您自己的過濾器，將split（）字符串按空間排列，substring（）第一個值和join（）數組。 – Gilsdav

如果字符串總是這種格式，那麼你可以創建一個這樣的自定義過濾器返回字符串

.filter('dateTime',function($filter){ 
    return function(obj){ 
    var arr = obj.split(" ") 
    return arr[0].substring(0, 3) +" "+ arr[1]; 
    } 
})

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
\t $scope.name = ["SUNDAY 12","TUESDAY 10","MONDAY 12"]; 
 
}) 
 
.filter('dateTime',function($filter){ 
 
    return function(obj){ 
 
    var arr = obj.split(" ") 
 
    return arr[0].substring(0, 3) +" "+ arr[1]; 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
    <div ng-repeat="item in name" > {{item | dateTime}} 
 

 
    </div> 
 
</div>

來源

2017-02-23 20:14:14

angularjs修改日期（不日期OBJ）在DIV

回答

相關問題