AngularJS - chuyển đổi ngày tháng trong bộ điều khiển

Bất cứ ai có thể vui lòng gợi ý cho tôi cách chuyển đổi ngày từ 1387843200000định dạng này sang định dạng này 24/12/2013 bên trong bộ điều khiển của tôi không?

Just FYI ngày của tôi được lưu trữ theo cách này & khi ràng buộc chỉnh sửa biểu mẫu với input type="date"trường sẽ không được điền.

#Plunker demo tại đây.

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 - mẫu

<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

Nhưng nếu bạn đang sử dụng HTML5 type = "date" thì PHẢI sử dụng định dạng 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

LƯU Ý: việc sử dụng pattern = "" với type = "date" có vẻ không chuẩn, nhưng nó có vẻ hoạt động theo cách mong đợi trong Chrome 31.

tạo một filter.js và bạn có thể sử dụng lại nó

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

lượt xem

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

hoặc trong bộ điều khiển

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

Lọc ngày và định dạng trong Angular js.

Tất cả các giải pháp ở đây không thực sự ràng buộc mô hình với đầu vào bởi vì bạn sẽ phải thay đổi trở lại dateAsStringsẽ được lưu như datetrong đối tượng của bạn (trong bộ điều khiển sau khi biểu mẫu sẽ được gửi).

Nếu bạn không cần hiệu ứng ràng buộc mà chỉ cần hiển thị nó trong đầu vào,

một đơn giản có thể là:

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

Sau đó, nếu muốn, trong bộ điều khiển, bạn có thể lưu ngày đã chỉnh sửa theo cách này:

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

lưu ý: trong bộ điều khiển của bạn, bạn phải khai báo itembiến của mình để biến $scope.itemnày hoạt động.

tôi đề xuất bằng Javascript:

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

và sau đó date1 là Ngày.