AngularJS版jquery datepicker有一小点问题

Question

https://github.com/angular-ui/ui-date
在项目中，我使用了适合angular的datepicker，现在有一个问题解决不了。
开始时间：
结束时间：
搜索
Angular:
....
.controller('someCtrl',function(...)){
$scope.startDateOptions={
changeYear:true,
changeMonth:true,
onClose:function(selectedDate){
varend=$('#end');
vard=$('#start').datepicker("getDate");
end.datepicker("setDate",
newDate(d.getFullYear(),d.getMonth(),d.getDate()+1));
end.datepicker("option","minDate",selectedDate);
$scope.enddate=parseInt($scope.startdate)+24*60*60*1000;
}
};
$scope.endDateOptions={
changeYear:true,
changeMonth:true,
onClose:function(selectedDate){
varstart=$("#start");
if(start.val()==''){
vard=$('#end').datepicker("getDate");
start.datepicker("setDate",
newDate(d.getFullYear(),d.getMonth(),d.getDate()-1));
$scope.startdate=parseInt($scope.enddate)-24*60*60*1000;
}
start.datepicker("option","maxDate",selectedDate);
}
};
}
现在就是点击第一个，然后第二个input会自动填上到第二天的时间，点击搜索完，第二个Input不会显示日期。因为第二个是setDate上去的。
如果是点击第一个input，再选择第二个input。它们都可以显示日期。
现在不知道怎么解决。

Answer 1

datepicker的onClose事件是纯粹的javascript事件，对angular来说是外部事件也就是说在onClose事件的处理函数中所做的任何状态更新(改变$scope或$scope的子对象的属性)都无法被angular记录下来。angular提供了$apply接口解决这个问题。因此$scope.enddate=parseInt($scope.startdate)+24*60*60*1000;改为scope.$apply(function(){$scope.enddate=parseInt($scope.startdate)+24*60*60*1000;});formoredetails,plzgoolge$scopeangularapply

Answer 2

在AngularJS配合其他JS库使用时，最有可能出现问题的部分就是在使用第三方JS库的时候Angular并不知情。所以只要控制器中的某段代码没有使用Angular提供的函数或是服务，一定要在后面运行一遍//代码$scope.$apply();当然更好的方法是将需要运行的代码放到$apply中的匿名函数中运行，像是这样：$scope.$apply(function(){//代码})这样的话可以让Angular捕获到其中的错误。Enjoycoding！