按鈕不會更新從Ionic日期選取器的新inputDate

Question

我需要我的Ionic應用程序的日期選擇器。我想，因爲它似乎流行使用這一個：

https://github.com/rajeshwarpatlolla/ionic-datepicker

我試圖按照教程，和它運作良好，但日期按鈕不會更新基礎上的日期選擇。我怎樣才能讓它更新？

我的代碼如下。

這是我的控制器：

app.controller('EnterDatapointCtrl', function($scope, $state) { 

    $scope.datepickerObject = { 
    titleLabel: 'Title', //Optional 
    inputDate: new Date(), //Optional 
    callback: function (val) { //Mandatory 
     datePickerCallback(val); 
    } 
    }; 

    var datePickerCallback = function (val) { 
    if (typeof(val) === 'undefined') { 
     console.log('No date selected'); 
    } else { 
     console.log('Selected date is : ', val) 
    } 
    }; 
}); 

這是我的模板：

<ion-view view-title="New Sales"> 
    <ion-content class="padding"> 

    <ionic-datepicker input-obj="datepickerObject"> 
     <button class="button button-block button-positive"> {{datepickerObject.inputDate | date:'dd - MMMM - yyyy'}}</button> 
    </ionic-datepicker> 

    <div class="list list-inset"> 
     <label class="item item-input"> 
     <input type="text" placeholder="Amount" ng-model="data.amount"> 
     </label> 
    </div> 

    <button class="button button-block button-stable" ng-click="save()">Save</button> 

    </ion-content> 
</ion-view> 

Answer 1

我添加了一行回調。我不明白我應該修改回調函數。

$scope.datepickerObject.inputDate = val;

app.controller('EnterDatapointCtrl', function($scope, $state) { 

    $scope.datepickerObject = { 
    titleLabel: 'Title', //Optional 
    inputDate: new Date(), //Optional 
    callback: function (val) { //Mandatory 
     datePickerCallback(val); 
    } 
    }; 

    var datePickerCallback = function (val) { 
    if (typeof(val) === 'undefined') { 
     console.log('No date selected'); 
    } else { 
     console.log('Selected date is : ', val) 
     $scope.datepickerObject.inputDate = val; 
    } 
    }; 

    $scope.save = function() { 
    $state.go('confirm-datapoint'); 
    }; 
});