Відформатувати час дати в AngularJS

Як правильно відображати дату та час у AngularJS?

Висновок нижче показує і вхід, і вихід, з фільтром дати AngularJS і без нього:

In: {{v.Dt}}  
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

Це відбитки:

In: 2012-10-16T17:57:28.556094Z 
AngularJS: 2012-10-16T17:57:28.556094Z

Бажаний формат відображення - 2010-10-28 23:40:23 0400або2010-10-28 23:40:23 EST

v.Dt, ймовірно, не є об'єктом Date ().

Дивіться http://jsfiddle.net/southerd/xG2t8/

але у вашому контролері:

scope.v.Dt = Date.parse(scope.v.Dt);

Ваш код повинен працювати , як ви його бачите цю скрипку .

Вам потрібно буде переконатися, що ваш v.Dtналежний об'єкт Date, щоб він працював.

{{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

або якщо dateFormat визначено в області застосування як dateFormat = 'yyyy-MM-dd HH: mm: ss Z':

{{dt | date:dateFormat }}

Я знаю, що це старий предмет, але я подумав, що я задумаю про інший варіант.

Оскільки початковий рядок не включає розмітку "T", реалізація за замовчуванням у Angular не визнає її датою. Ви можете змусити його використовувати нову Date, але це сильно болить масив. Оскільки ви можете передавати фільтри разом, можливо, ви зможете використовувати фільтр для перетворення свого введення в дату, а потім застосувати дату: фільтр на перетворену дату. Створіть новий спеціальний фільтр наступним чином:

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

Тоді під час розмітки ви можете з'єднати фільтри разом:

{{item.myDateTimeString | asDate | date:'shortDate'}}

Ви можете отримати фільтр "дата" таким чином:

var today = $filter('date')(new Date(),'yyyy-MM-dd HH:mm:ss Z');

Це дасть вам сьогоднішню дату у бажаному форматі.

Ось фільтр, який буде приймати рядок дати АБО javascript Дата (). Він використовує Moment.js і може застосувати будь-яку функцію перетворення Moment.js , наприклад популярну 'fromNow'

angular.module('myModule').filter('moment', function () {
  return function (input, momentFn /*, param1, param2, ...param n */) {
    var args = Array.prototype.slice.call(arguments, 2),
        momentObj = moment(input);
    return momentObj[momentFn].apply(momentObj, args);
  };
});

Так...

{{ anyDateObjectOrString | moment: 'format': 'MMM DD, YYYY' }}

відображатиметься 11 листопада 2014 року

{{ anyDateObjectOrString | moment: 'fromNow' }}

відображатиметься 10 хвилин тому

Якщо вам потрібно зателефонувати за декількома моментальними функціями, ви можете зв’язати їх ланцюгом. Це перетворюється на UTC, а потім формати ...

{{ someDate | moment: 'utc' | moment: 'format': 'MMM DD, YYYY' }}

https://gist.github.com/cmmartin/341b017194bac09ffa1a

Ось кілька популярних прикладів:

<div>{{myDate | date:'M/d/yyyy'}}</div> 4.07.2014

<div>{{myDate | date:'yyyy-MM-dd'}}</div> 2014-07-04

<div>{{myDate | date:'M/d/yyyy HH:mm:ss'}}</div> 4.07.2014 12:01:59

Ви бачили розділ документації щодо директив написання (коротка версія) ?

HTML

<div ng-controller="Ctrl2">
      Date format: <input ng-model="format"> <hr/>
      Current time is: <span my-current-time="format"></span>
</div> 

JS

function Ctrl2($scope) {
  $scope.format = 'M/d/yy h:mm:ss a';
}

Всередині контролера формат можна відфільтрувати, ввівши $ filter.

var date = $filter('date')(new Date(),'MMM dd, yyyy');

Якщо ви хочете вивести на зразок "30 січня 2017 16:31:20 вечора", перейдіть до простого кроку

step1 - оголосити наступну змінну в контролері js

$scope.current_time = new Date();

step2 - відображення на html-сторінці

{{current_time | дата: 'середній'}}

ми можемо відформатувати дату на стороні перегляду в кутовій дуже просто .... будь ласка, перевірте наведений нижче приклад:

{{dt | дата: "dd-MM-yyyy"}}

Ви можете використовувати momentjsдля реалізації фільтр дати та часу в angularjs. Наприклад:

angular.module('myApp')
 .filter('formatDateTime', function ($filter) {
    return function (date, format) {
        if (date) {
            return moment(Number(date)).format(format || "DD/MM/YYYY h:mm A");
        }
        else
            return "";
    };
});

Де дата знаходиться у форматі штампів часу.

Додайте $filterзалежність у контролер.

var formatted_datetime = $filter('date')(variable_Containing_time,'yyyy-MM-dd HH:mm:ss Z')

Я б запропонував вам скористатися моментом.js, він отримав хорошу підтримку форматування дат відповідно до локальних даних.

створити фільтр, який внутрішньо використовує метод moment.js для форматування дати.