angularjs在div中修改日期(不是日期obj)

时间:2017-02-23 20:00:47

标签: javascript angularjs

假设我有一个div

AhrsCom.setCommand("$out=" + (int)PARAM.PITCH + ",10\n\r");

正在接收如下所示的对象:<div class="date-display">{{date.displayModofiedDate}}</div> SUNDAY 25但它不是日期对象。如何让工作日只有3个字母?这看起来像TUESDAY 12MON 25

我不能WED 02,因为它不是日期对象,| date: 'EEE dd'也不会工作,因为我在字符串的末尾添加了数字。

1 个答案:

答案 0 :(得分:1)

如果字符串总是以那种格式出现,那么您可以创建一个这样的自定义过滤器来返回字符串

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

&#13;
&#13;
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];
  }
})
&#13;
<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>
&#13;
&#13;
&#13;