AngularJS - перетворення дат у контролер

Може хто-небудь, будь ласка, підкаже, як перетворити дату з цього 1387843200000формату в цей 24/12/2013 всередині мого контролера ?

Просто FYI мої дати зберігаються таким чином, і коли прив'язка для редагування форми з input type="date"полем взагалі не заповнюється.

Тут демонструється #Plunker

EditCtrl

app.controller("EditCtrl", [ "$scope", "$filter", "db" function ($scope, $filter, db){

    // this gets me an item object
    var item = db.readItem();

    // item date = 1387843200000
    // this returns undefined 
    item.date = $filter('date')(date[ item.date, "dd/MM/yyyy"]);

}]);

Edit.html - шаблон

<form name="editForm" class="form-validate">

        <div class="form-group">
            <label for="date">Event date.</label>
            <input type="date" class="form-control" ng-model="event.date" id="date" required />
        </div>

        <a href="#/" class="btn btn-danger ">Cancel</a>
        <button id="addEvent" class="btn btn-primary pull-right" ng-disabled="isClean() || editForm.$invalid" ng-click="saveEvent()">Save event.</button>

    </form>

item.date = $filter('date')(item.date, "dd/MM/yyyy"); // for conversion to string

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

Але якщо ви використовуєте HTML5 type = "date", ОБОВ'ЯЗКОВО слід використовувати формат ISO yyyy-MM-dd.

item.dateAsString = $filter('date')(item.date, "yyyy-MM-dd");  // for type="date" binding


<input type="date" ng-model="item.dateAsString" value="{{ item.dateAsString }}" pattern="dd/MM/YYYY"/>

http://www.w3.org/TR/html-markup/input.date.html

ПРИМІТКА: використання pattern = "" with type = "date" виглядає нестандартно, але, здається, працює в очікуваному способі в Chrome 31.

створити filter.js, і ви можете зробити це як багаторазове використання

angular.module('yourmodule').filter('date', function($filter)
{
    return function(input)
    {
        if(input == null){ return ""; }
        var _date = $filter('date')(new Date(input), 'dd/MM/yyyy');
        return _date.toUpperCase();
    };
});

вид

<span>{{ d.time | date }}</span>

або в контролері

var filterdatetime = $filter('date')( yourdate );

Фільтрація дати та форматування у кутовому js.

Всі рішення тут насправді не прив'язують модель до вводу, тому що вам доведеться змінити назад, dateAsStringщоб бути збереженим, як dateу вашому об'єкті (в контролері після подання форми).

Якщо вам не потрібен ефект прив'язки, а просто показати його на вході,

простим може бути:

<input type="date" value="{{ item.date | date: 'yyyy-MM-dd' }}" id="item_date" />

Потім, за бажанням, у контролері ви можете зберегти відредаговану дату таким чином:

  $scope.item.date = new Date(document.getElementById('item_date').value).getTime();

пам'ятайте: у своєму контролері ви повинні оголосити свою itemзмінну як $scope.itemдля того, щоб це працювало.

Я пропоную в Javascript:

var item=1387843200000;
var date1=new Date(item);

а потім date1 - дата.