按钮不会更新从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'); 
    }; 
});