jQuery datepicker 很难在 Angular.js 中实现答案

【问题标题】：jQuery datepicker is hard to implement in Angular.jsjQuery datepicker 很难在 Angular.js 中实现
【发布时间】：2015-07-29 16:53:59
【问题描述】：

我是 Angular.js 的初学者。我有一个使用 Angular 处于开发阶段的 Web 应用程序。我想在我的表单中实现一个日期选择器。

请看下面我的源代码。

app.js

myapp.directive('datepicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, element, attrs, jsCtrl) {
            element.datepicker({
                dateFormat: 'DD, d  MM, yy',
                onSelect: function (date) {
                    jsCtrl.$setViewValue(date);
                    scope.$apply();
                }
            });
        }
    };
});

jsCtrl

var ProfileWebModel = {
    Name: 'Test Customer',
    Email: 'customer@wifi.com',
    Password: '111111',
    ConfirmPassword: '111111',
    DOB: 'DOB',
    Address: 'xxxx',
    City: 'Ernakulam',
    Country: 'India',
    Pincode: '683212',
    Phone: '9998989892'

}
  $scope.setViewValue = function (value) {

    ProfileWebModel.DOB = value;

}

DatePicker 正确呈现。但是当我在 DatePicker 中选择一个日期时，网页会导航到其他页面。是否需要配置路由？

【问题讨论】：

标签： javascript jquery angularjs jquery-ui datepicker

【解决方案1】：

导航的问题来自于 a href click 事件没有被捕获并停止传播。你能用 jquery 钩住并添加一个 event.stopImediateprogagation 吗？ http://api.jquery.com/event.stopimmediatepropagation/

【讨论】：