Блог

Я пытаюсь отформатировать дату, возвращаемую в результирующем наборе API, в формате ММ, дд, гггг, но по какой-то причине это не работает. Ниже приведен код, который я использую, может кто-нибудь, пожалуйста, скажите мне, что я здесь упускаю / делаю неправильно? и как достичь указанного выше требуемого формата

           <div>
            <div>
              <p>Date Added:</p>
              {{memberData.DateJoined | date: 'MM dd, YYYY'}}
            </div>
          </div>    
  

также пробовал использовать

           <div>
            <div>
              <p>Date Added:</p>
              {{memberData.DateJoined | date: 'MM dd, yyyy'}}
            </div>
          </div>    
  

Дата, возвращаемая API, находится в формате:

      DatePosted: "2014-05-15 00:00:00"
  

Не рабочее определение:
Дата отображается как 2014-05-15 00:00:00, в то время как она должна отображаться как 15.05.2014 ИЛИ 15 мая 2014

Возможно, это просто опечатка, но YYYY она должна быть в нижнем регистре:

 {{memberData.DateJoined | date: 'MM dd, yyyy'}}
  

Редактировать: ваш исходный формат 2014-05-15 00:00:00 не является допустимым источником для Angular, поэтому вам нужно сначала преобразовать его в Date объект в контроллере:

 $scope.DateJoined = new Date('2014-05-15 00:00:00');
  

И тогда вы можете использовать:

 {{ DateJoined | date: 'MM dd, yyyy'}}
  

Смотрите Пример на JSFiddle.

В вашем контроллере angular создайте новую функцию для исправления возвращаемой даты:

 myApp.controller('myController', function($scope){

$scope.fixDate = function(date){
    return new Date(date);
};

..... rest of your controller goes here.
});
  

В HTML:

 {{fixDate(DatePosted) | date:  "MM dd, yyyy"}}
  

Вы также можете использовать эту функцию, если возвращаете массив дат, например, «orders_date» из базы данных, его можно использовать с ng-repeat директивой

Попробуйте поместить строку даты в Date объект:

 DatePosted = new Date(DatePosted)