我如何大写日期格式的一部分 - angularjs

时间:2016-03-16 11:56:20

标签: javascript angularjs

{{main.featured.date | date:'EEEE, MMMM d, yyyy'}}
//Wednesday, March 16, 2016

//But I want: WEDNESDAY, March 16, 2016

如果不编写自己的过滤器,有没有办法做到这一点?

1 个答案:

答案 0 :(得分:4)

您可以使用内置的uppercase过滤器。您需要做的就是将日期分成两部分,如下所示:{{(vm.myDate | date : 'EEEE, ' | uppercase) + (vm.myDate | date : 'MMMM d, yyyy')}}

这是一个有效的例子:



(function() {
  angular
    .module('myApp', [])
    .controller('MainCtrl', function() {
      var vm = this;

      vm.myDate = new Date().getTime();
    });
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="MainCtrl as vm">
    Current date: {{ (vm.myDate | date : 'EEEE, ' | uppercase) + (vm.myDate | date : 'MMMM d, yyyy') }}
  </div>
</div>
&#13;
&#13;
&#13;