Форматирование Даты в угловых

Question

В настоящее время мой Угловой код отображает дату, как это:

03/10/2016

<span class="num">{{appointment.calendarSlot}}</span> 

Я хочу, чтобы отобразить дату, как это:

Пятницу, Март 25

как я могу это сделать?

ОБНОВЛЕНИЕ: appointment.calendarSlot является строка, а не Javascript Дата

Answer 1

You могут использовать следующие date filter:

<span class="num">{{ appointment.calendarSlot | date:'EEEE, MMMM d' }}</span> 

Answer 2

Попробуйте это:

https://docs.angularjs.org/api/ng/filter/date

Эта линия для Вас:

'fullDate': equivalent to 'EEEE, MMMM d, y' for en_US locale (e.g. Friday, September 3, 2010) 

Answer 3

scope.date = new Date() // controller 


{{date | date:'EEEE, MMMM dd'}} // view 

Answer 4

Вы могли бы попробовать это

<div ng-app='app' ng-controller="ctrl"> 
    <span class="num" ng-bind="appointment.calendarSlot | date:'EEEE, MMMM d'"></span> 
</div> 

JS

var app = angular.module('app', []); 

app.controller('ctrl', function($scope) { 
    $scope.appointment = {}; 
    $scope.appointment.calendarSlot = new Date('03/10/2016'); 
}); 

Рабочая JSFiddle здесь http://jsfiddle.net/WfuAh/150/

Answer 5

Чтобы сделать это наиболее гибкий, я хотел бы добавить пользовательский фильтр для вашего приложения который преобразует строку в дату, а затем вы можете использовать встроенный фильтр форматирования угловой даты.

.filter("asDate", function() { 
    return function(input) { 
     return Date.parse(input); 
    } 
}) 

Тогда разметка становится:

<span class="num">{{ appointment.calendarSlot | asDate | date:'EEEE, MMMM d' }}</span>