AngularJS datepicker ui-date 错误更新

Question

双向数据绑定(bind)似乎会导致字段更新错误。单击该字段可以很好地引发日期选择器，但如果您尝试通过直接输入日期来编辑该字段，则效果不太好。

这是演示该问题的 fiddle :http://jsfiddle.net/vSNJF/

<input type="text" ng-model="name" ui-date-format='m/d/yy' ui-date>

将 Angular 下的键盘编辑与标准 jquery UI 日期选择器行为进行比较:http://jqueryui.com/datepicker/

如何使 ui-date 延迟更新模型，直到交互式日历关闭之后？

Answer 1

你那里有一个相当大的指令，我不确定是否有人会浏览整个代码来找出导致问题的原因。为了提供帮助，我将留下一个更简单的日期选择器指令，其行为与 Jquery UI 完全相同，但没有您在其中实现的所有功能，也许如果您从这一点开始并添加功能，那么调试问题会更容易。

指令是:

directive('datepicker', function() {
    return {
        restrict: 'A',
        require : 'ngModel',
        link : function (scope, element, attrs, ngModelCtrl) {
            $(function(){
               element.datepicker({
                    dateFormat:'dd/mm/yy',
                    onSelect:function (date) {
                        ngModelCtrl.$setViewValue(date);
                        scope.$apply();
                    }
                });
            });
        }
    }
}); 

这是一个Plunker和一个blog post关于它。