0

Как вывести дату с помощью angular.js? Пробовал использовать angular-moment но так и не смог добиться результата.

2
  • Какую дату вам нужно вывести? Текущую или у вас есть дата в какомто одном формате, а вы хотите вывести ее в другом?
    – LinnTroll
    9 фев 2016 в 10:05
  • Текущую нужно вывести.
    – robert
    9 фев 2016 в 10:08

2 ответа 2

1

Вы должны сначала создать объект даты в контроллере:

контроллер:

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

вывод:

<div ng-app ng-controller="Ctrl">
    {{date | date:'yyyy-MM-dd'}}
</div>
6
  • Выводит на странице {{date | date:'yyyy-MM-dd'}}
    – robert
    9 фев 2016 в 15:50
  • @spmpl, Может не там пишите. Вот пример: jsfiddle.net/RyW9m
    – Zoya
    9 фев 2016 в 15:54
  • jsfiddle.net/s6gy44ea вот мой код.
    – robert
    9 фев 2016 в 16:12
  • @spmpl, надо использовать именованные приложения. Демосинтаксис был убран в 1.3.
    – Qwertiy
    9 фев 2016 в 16:20
  • @spmpl, какой-то не такой код. Ни разметки нет, ни дат не видно...
    – Qwertiy
    9 фев 2016 в 16:21
1

Как работает у меня ...

1) Услановите локаль. Пример:

var App = angular.module("app", [

    'angularMoment'

])

.run([  

    '$rootScope',
    'amMoment',

    function($rootScope, amMoment){

        amMoment.changeLocale('ru');

}])

.controller('someCtrl',['$scope', function ($scope) {
    $scope.date = "2016-02-02 12:30:47";
    /* some code */
}]);

2) В шаблоне укажите формат вывода, в примере 'DD MMMM YYYY'

<body ng-app="app">
<div ng-controller="someCtrl">
    <span ng-bind="date | amDateFormat:'DD MMMM YYYY'"></span>
    <span ng-bind="date | amDateFormat:'HH:mm:ss'"></span>
</div>
<body>

Т.к. у Вас дата текущая, можете попробовать так.

В контроллере:

$scope.currentDate = new Date();

В шаблоне:

<span ng-bind="currentDate | amDateFormat:'DD MMMM YYYY HH:mm:ss'"></span>

Проверьте, установлен ли angular-moment https://github.com/urish/angular-moment

3
  • new Date() не пройдет, так как во вью все выполняется в контексте scope, а у него, по-умолчанию, нет поля/метода Date
    – Grundy
    16 фев 2016 в 12:09
  • @Grundy, поправил ) 16 фев 2016 в 12:15
  • @spmpl, проблему то решили? 17 фев 2016 в 15:58

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.