0

私はdatepickerを使用していますが、ここでは日付を選択してもモデル値がモデルにバインドされないという問題に直面しています。ここで私はコードを送信しています.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
    }
});
4

1 に答える 1

0

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
    }
});
于 2013-11-15T00:59:31.247 に答える