Angular Bootstrap UI Datepicker 更新 minDate

Question

这应该很简单，我相信我的所有代码都是正确的，但我想不是。

我有两个日期选择器。 Datepicker 2 应该将它的 minDate 设置为 datepicker 1 的值。这很有效，因为当我在 Datepicker 1 上选择一个日期时，我可以看到 min-date attr 更新，但 Datepicker 2 不会重新呈现禁用的日期。我觉得我应该以某种方式刷新 Datepicker，但不确定如何。

// Datepicker Controller
app.controller('datepickerController', ['$scope', function($scope) {

    // open depart date
    $scope.openDepartDatepicker = function($event) {
        $event.preventDefault();
        $event.stopPropagation();
        // open depart datepicker
        $scope.departDatepickerOpen = true;
    }

    // open return date
    $scope.openReturnDatepicker = function($event) {
        $event.preventDefault();
        $event.stopPropagation();
        // open return datepicker
        $scope.returnDatepickerOpen = true;
    }

    $scope.$watch('search.searchparams.journeys[0].departuredate',function(value){
        $scope.returnMinDate = value;
    });

    // minDate set intiitally
    $scope.departMinDate = new Date();
    $scope.returnMinDate = new Date();
    // date options
    $scope.departDateOptions = {};
    $scope.returnDateOptions = {};
    // date format
    $scope.dateFormat = 'EEE dd/MM/yyyy';

}]);

这是实际的输入

<input id="returnDate" placeholder="Returning" type="text" class="form-control" data-ng-model="search.searchparams.journeys[1].departuredate" datepicker-popup="{{dateFormat}}" data-ng-focus="openReturnDatepicker($event)" show-button-bar="false" min-date="{{returnMinDate}}" is-open="returnDatepickerOpen" datepicker-options="returnDateOptions" readonly=""/>

我尝试过的一切都没有改变。新的 minDate 正在更新，但并未应用于 Datepicker。我实际上可以在我的检查器中看到更新的 min-date 属性，因此所有值都按预期更新。

任何帮助表示赞赏

Answer 1

这个问题太简单了，太傻了。

min-date="{{returnMinDate}}"

需要

min-date="returnMinDate"

今天早上它打在我脸上。