javascript - 使用 datepicker 选择日期值不绑定到模型 Angular js

Question

我正在使用日期选择器，但是当我选择日期时，这里面临着关于模型值未绑定到模型的问题，它什么也没有发生，任何人都可以告诉我我在哪里做错了，必须感谢。在这里我发送我的代码。在选择日期值后显示日期选择器只是问题未绑定到 ng-model="user.dob"。

signUpview.html

<div class="col-md-6">
<label for="datepicker" class="col-lg-5 form-label">Date Of Birth:</label>
    <div class="col-lg-7">
 <input type="text" class="form-control dateBirth" ng-model="user.dob" id="datepicker" name="datepicker" datepicker placeholder="Date Of Birth" required/>
 <div class="error" ng-show="newUser_form.datepicker.$dirty && newUser_form.datepicker.$invalid">
 <small class="error errorFields" ng-show="newUser_form.datepicker.$error.required"> Date is required.</small>
                                </div>
                            </div>
</div>

datepickerDirective.js

app.directive('datepicker', function() {
    var linker = function(scope, element, attrs) {
        element.datepicker().on('changeDate', function(){
            console.log(scope);

            $(".datepicker").hide();
        });
    }
    return {
        require: 'ngModel',
        restrict: 'A',
        link: linker
    }
});

Answer 1

您可以使用 ngModel.$setViewValue更新模型属性

app.directive('datepicker', function() {
    var linker = function(scope, element, attrs,ngModelCtrl) {
        element.datepicker().on('changeDate', function(){
            console.log(scope);
            ngModelCtrl.$setViewValue(value);//value is datepicker selected date;
            $(".datepicker").hide();
        });
    }
    return {
        require: 'ngModel',
        restrict: 'A',
        link: linker
    }
});