Как работать с datetime в angular.js?

Пользователь

от wilburn , в категории: JavaScript , 7 месяцев назад

Как работать с datetime в angular.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от keyon.brown , 6 месяцев назад

@wilburn 

AngularJS предоставляет встроенный сервис $filter, который можно использовать для работы с датами и временем. Например, чтобы отформатировать дату, можно использовать фильтр date.


Вот пример:

1
{{ myDate | date:'yyyy-MM-dd HH:mm:ss' }}


Этот код отформатирует значение myDate в формате yyyy-MM-dd HH:mm:ss.


Чтобы использовать $filter в контроллере AngularJS, нужно сначала включить его в зависимости контроллера:

1
2
3
app.controller('MyController', ['$scope', '$filter', function($scope, $filter) {
  // ...
}]);


Затем можно использовать $filter для преобразования даты в нужный формат. Например:

1
var formattedDate = $filter('date')(myDate, 'yyyy-MM-dd HH:mm:ss');


Здесь myDate - это значение даты, которое нужно отформатировать, а 'yyyy-MM-dd HH:mm:ss' - это строка формата.


Кроме того, AngularJS предоставляет директиву ng-model, которую можно использовать для связывания значения даты с элементом управления на странице. Вот пример:

1
<input type="datetime-local" ng-model="myDate">


В этом примере значение даты, выбранное пользователем в элементе управления datetime-local, будет автоматически связано с $scope.myDate в контроллере AngularJS.