Datepicker没有绑定格式化的值

Question

这可能是一个简单的问题,但我遇到了这个日期选择器的问题.问题是我将格式设置为dd/mm/yyyywith data-date-format属性.但是,检查我ng-model的值时如下:Wed Jul 17 2013 00:00:00 GMT+0000 (Greenwich Standard Time)

我想要的是绑定到dd/mm/yyyy格式.

我怎样才能解决这个问题？

这是我的代码:

<label for="inputDateFrom">Frá</label>
<div class="control-group input-append">
    <input type="text" ng-model="booking.Booking.DateFrom" data-date-format="dd/mm/yyyy" bs-datepicker>
    <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>
</div>

更新18.07.13:

根据rGil的回答,我尝试使用$ scope.$ watch.它工作正常,但首先它获得CORRECT日期(来自getBooking()服务函数),然后它更改为CURRENT日期 - 这不是日期.

JavaScript代码如下:

$scope.$watch('booking.Booking.DateFrom', function(v){ // using the example model from the datepicker docs
    $scope.booking.Booking.DateFrom = moment(v).format();
    alert(moment(v).format());
});

$scope.$watch('booking.Booking.DateTo', function(v){ // using the example model from the datepicker docs
    $scope.booking.Booking.DateTo = moment(v).format();
    alert(moment(v).format());
});

// Sækjum staka bókun
if(bookingID != null) {
    BookingService.getBooking(bookingID).then(function(data) {
        $scope.booking = data.data;
        $scope.booking.Booking.DateFrom = moment($scope.booking.Booking.DateFrom);
        $scope.booking.Booking.DateTo = moment($scope.booking.Booking.DateTo);
    });
}

然后我的HTML如下:

<label for="inputDateFrom">Frá</label>
<div class="control-group input-append">
        <input type="text" ng-model="booking.Booking.DateFrom" data-date-format="dd-mm-yyyy" bs-datepicker>
        <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>
</div>

<label for="inputDateTo">Til</label>
<div class="control-group input-append">
        <input type="text" ng-model="booking.Booking.DateTo" data-date-format="dd-mm-yyyy" bs-datepicker>
        <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>
</div>

Answer 1

查看AngularStrap源代码,我发现如果将(看似未记录的)属性date-type设置为"Date"之外的任何值(例如:),String这将阻止bs-datpicker将所选日期作为日期对象返回并解决问题.所以在这种情况下它将是:

<input type="text" ng-model="booking.Booking.DateFrom" data-date-format="dd/mm/yyyy" date-type="string" bs-datepicker>

测试AngularStrap v0.7.4和v0.7.5

Answer 2

这可以在没有插件的情况下轻松完成.使用此帖子,您可以使用正确的格式创建$ scope变量.

例:

$scope.$watch('datepicker.date', function(v){ // using the example model from the datepicker docs
    var d = new Date(v);
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1; //Months are zero based
    var curr_year = d.getFullYear();
    $scope.modDate = curr_date + "/" + curr_month + "/" + curr_year;
    console.log($scope.modDate)
})

FORKED DEMO - 打开控制台