Я работаю над функцией, которая требует от меня инактивации объекта за определенный период. Итак, я показываю два сборщика дат: 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");
Какой тип даты вы используете? Не похоже на Angular-UI. В них есть атрибут «min-date». –
да, но они тоже не работают. – Sourabh