AngularJS修改日期(非日期OBJ)

Question

说我有一个div

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

接收看起来像这样的对象：SUNDAY 25或TUESDAY 12，但不是日期对象。我如何才能让工作日只有3个字母？这样它看起来像MON 25或WED 02

我不能使用| date: 'EEE dd'，因为它不是日期对象，而limitTo也无法工作，因为我在字符串末端填充了数字。

Answer 1

如果字符串始终出现该格式，则可以创建一个自定义过滤器以返回字符串

.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){
	$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>