AngularJS - Daten in Controller konvertieren

Könnte mir bitte jemand vorschlagen, wie man ein Datum aus diesem 1387843200000Format in dieses konvertiert24/12/2013 in meinem Controller kann ?

Nur zu Ihrer Information, meine Daten werden auf diese Weise gespeichert und beim Binden zum Bearbeiten des Formulars mit input type="date" Feld überhaupt nicht ausgefüllt wird.

#Plunker Demo hier.

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 - Vorlage

<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

Wenn Sie jedoch HTML5 type = "date" verwenden, MUSS das ISO-Format JJJJ-MM-TT verwendet werden.

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

HINWEIS: Die Verwendung von pattern = "" mit type = "date" sieht nicht standardmäßig aus, scheint jedoch in Chrome 31 wie erwartet zu funktionieren.

Erstellen Sie eine filter.js und Sie können diese als wiederverwendbar machen

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();
    };
});

Aussicht

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

oder in der Steuerung

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

Datumsfilterung und Formatierung in Angular js.

Alle Lösungen hier binden das Modell nicht wirklich an die Eingabe, da Sie das dateAsStringzu speichernde Modell wie datein Ihrem Objekt zurücksetzen müssen (in der Steuerung, nachdem das Formular gesendet wurde).

Wenn Sie den Bindungseffekt nicht benötigen, sondern nur in der Eingabe anzeigen möchten,

ein einfaches könnte sein:

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

Wenn Sie möchten, können Sie das Bearbeitungsdatum im Controller folgendermaßen speichern:

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

Beachten Sie: In Ihrem Controller müssen Sie Ihre itemVariable als deklarieren $scope.item, damit dies funktioniert.

Ich schlage in Javascript vor:

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

und dann ist date1 ein Date.