AngularJS - denetleyicide tarihleri ​​dönüştürün

Herhangi biri bana bu 1387843200000formattan tarihi 24/12/2013 kontrolörüm içinde buna nasıl dönüştüreceğimi önerebilir mi?

Bilginize, tarihlerim bu şekilde saklanır ve input type="date"alanı ile formu düzenlemek için bağlanma hiç doldurulmadığında.

#Plunker demosu burada.

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 - şablon

<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

Ancak, HTML5 type = "date" kullanıyorsanız, ISO biçimi yyyy-MM-gd KULLANILMALIDIR.

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

NOT: type = "date" ile pattern = "" kullanımı standart dışı görünüyor, ancak Chrome 31'de beklenen şekilde çalışıyor gibi görünüyor.

bir filter.js oluşturun ve bunu yeniden kullanılabilir hale getirebilirsiniz

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

görünüm

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

veya kontrolörde

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

Angular js'de tarih filtreleme ve biçimlendirme.

Buradaki tüm çözümler modeli gerçekten girdiye bağlamaz çünkü dateAsStringkaydedilecek olanı datenesnenizdeki gibi (form gönderildikten sonra denetleyicide) değiştirmeniz gerekecektir.

Bağlama efektine ihtiyacınız yoksa, ancak girişte göstermek istiyorsanız,

basit bir şey olabilir:

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

Ardından, isterseniz kontrolörde düzenlenmiş tarihi şu şekilde kaydedebilirsiniz:

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

dikkat edin: denetleyicinizde, bunun çalışması için itemdeğişkeninizi tanımlamanız gerekir $scope.item.

Javascript'te öneriyorum:

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

ve sonra tarih1 bir Tarih.