2015-01-19 3 views
1

Я работаю над функцией, которая требует от меня инактивации объекта за определенный период. Итак, я показываю два сборщика дат: 1) Дата начала и 2) Дата окончания.Angularjs datepicker - как установить взаимозависимые даты

Эти две даты взаимозависимы в том виде, в котором начальная дата ограничивает минимальную дату окончания даты, а конечная дата ограничивает максимальную дату начала.

<input type="text" ui-date="inactive.datePicker" ui-date-format="mm/dd/yy" ng-model="inactive.details.fromDate" id="fromDate" ng-change="error.dueDate=false" value="inactive.details.fromDate}}"/> 
<img ng-click="showFromDatePicker($event)" class="ui-datepicker-trigger" src="../design/calendar3.gif" > 


<input type="text" ui-date="inactive.datePicker" ui-date-ormat="mm/dd/yy" ng-model="inactive.details.toDate" id="toDate" ng-change="error.dueDate=false" value="{{inactive.details.toDate}}"/> 
<img ng-click="showToDatePicker($event)" class="ui-datepicker-trigger" src="../design/calendar3.gif" > 


$scope.showFromDatePicker = function($event) { 
     $event.preventDefault(); 
     $event.stopPropagation(); 
     $scope.inactive.fromDatepicker = { 
      max : $scope.inactive.details.toDate; 
     } 
     angular.element("#fromDate").focus(); 
    }; 

$scope.showToDatePicker = function($event) { 
     $event.preventDefault(); 
     $event.stopPropagation(); 
     $scope.inactive.toDatepicker = { 
      max : $scope.inactive.details.fromDate; 
     } 
     angular.element("#toDate").focus(); 
    }; 

Но сейчас этот фрагмент фрагмента не работает должным образом. Минимальная дата настроена правильно, но давайте отменим настройку datepicker, чтобы я не мог выбрать дату. Кроме того, как я переинициализировать или обновить DatePicker в AngularJS, как мы могли бы сделать в Jquery по

$("#myDatepicker").datepicker("refresh"); 
+0

Какой тип даты вы используете? Не похоже на Angular-UI. В них есть атрибут «min-date». –

+0

да, но они тоже не работают. – Sourabh

ответ

0

В угловом-ш-самозагрузке 0.14.3 мне удалось достичь этого только путем связывания мин и макс к другой модели. Я использую директиву обертки вокруг datepicker, но это не должно иметь никакого значения:

Begin datepicker: max-date="myobject.endDate" 
End datepicker: min-date="myobject.beginDate" max-date="today" 
Смежные вопросы