jquery-ui - angularjs和jqueryui datepicker输入框的值

Question

我有一个 jqueryUI 的数据选择器:

<div class="span4">
 <label>Start Date; </label>
 <input type="text" name="sDate" id="datepicker1" ng-model="item.date.sDate" class="ng-pristine ng-valid hasDatepicker">
 <label>End Date; </label>
 <input type="text" name="eDate" id="datepicker2" ng-model="item.date.eDate" class="ng-pristine ng-valid hasDatepicker">
 <br> <br>
 <button ng-click="add()" type="submit" class="btn btn-success">Next</button>

日期选择器工作正常，但是当我单击触发添加功能的“下一步”按钮时，我无法获取 item.date.eDate 值...

Answer 1

我刚刚尝试了同样的事情，发现我实际上不需要使用指令，只需这段代码......

$.datepicker.setDefaults({
    // When a date is selected from the picker
    onSelect: function(newValue) {
        if (window.angular && angular.element)
            // Update the angular model
            angular.element(this).controller("ngModel").$setViewValue(newValue);
    }
});

只需将其放在 .datepicker() 初始化代码之前即可。