javascript - Jquery ui datepicker 在 Angular 中具有只读功能

Question

我尝试使用 ngReadonly withing 指令，但我的代码无法正常工作:

app.directive('jqdatepicker', function() {
    return {
        restrict: 'A',
        require : 'ngModel',
        link : function (scope, element, attrs, ngModelCtrl) {



            $(function(){
                element.datepicker({
                    dateFormat:'mm/dd/yy',
                    onSelect:function (date) {

                            scope.$watch(attrs.ngReadonly, function(value) {

                                console.log(value);
                                scope.$apply(function () {
                                     ngModelCtrl.$setViewValue(value?"":date);
                                });

                        });


                    }
                });
            });
        }
    }
});

我的日期选择器应该根据复选框工作，理想的目标是在未选中复选框时根本不触发日期选择器。

谢谢

Answer 1

我没有使用 ng-readonly，而是使用 ng-disabled

<input type="text" jqdatepicker  ng-disabled="!formData.gtdata.ch" ng-model="formData.gtdata.dt1"/>

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

                        }
                    });
                });
        }
    }
});