使用AngularJS和datepicker绑定结束日期

时间:2014-01-22 15:01:54

标签: javascript jquery jquery-ui angularjs datepicker

你好,我有这种情况:
我使用的2个日期选择器,有一个AngularJS指令来加载日期选择器。

如何使用开始日期来约束结束日期?
(例如:开始:2014年1月22日(由datepicker 1选择)结束日期:2014年1月22日(从datepicker 1绑定,但是我可以使用datepicker 2来选择另一个吗?)

参见代码:

<input id="AUT_MED_dataini" name="AUT_MED_dataini" data-ng-model="autorizacaoMedicao.AUT_MED_dataini" data-datainimed="" type="text" class="width100" /> a <input id="AUT_MED_datafim" name="AUT_MED_datafim" data-ng-model="autorizacaoMedicao.AUT_MED_datafim" data-datafimmed="" type="text" class="width100" />

JS代码:

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

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

如何在尊重ng模型上进行绑定。

0 个答案:

没有答案