Question

我正在构建一个简单的角度搜索表单，它使用bootstrap设计框架和Angular Strap模块（在这里找到：http://mgcrea.github.io/angular-strap/）。

除了基于角度模型的动态日期范围外，一切都很有效。

我想要的很简单：第二个日期输入选择第一个输入的STARTS。下面是不起作用的代码：

离开日期（第一次输入）[工作正常]

<input required name="dapart_date" class="form-control" id="leave_date" placeholder="mm/dd/yyyy" ng-model="flightSearchData.depart_date" data-date-format="MM/dd/yyyy" data-use-native="true" data-autoclose="true" data-min-date="today" bs-datepicker>

退货日期（第二次输入）[data-start-date无效]

<input required name="return_date" class="form-control" id="return_date" placeholder="mm/dd/yyyy" ng-model="flightSearchData.return_date" data-date-format="MM/dd/yyyy" data-use-native="true" data-autoclose="true" data-min-date="{{flightSearchData.depart_date}}" data-start-date="{{flightSearchData.depart_date}}"  bs-datepicker>

data-min-date工作正常但data-start-date仅在我硬编码日期时才有效。

有任何建议......？

Answer 1

这不是一个解决方案，而是一个快速的解决方法，使这个日期选择器可用于这种情况。

我添加了dateFrom监视并相应地更新dateTo：

＆＃13;

$scope.$watch('dateFrom', function() {
        if ($scope.dateFrom) {
            $scope.dateTo = new Date($scope.dateFrom.getTime()); 
            // Basic date manipulation                                              
            $scope.dateTo.setDate($scope.dateFrom.getDate() + 1);
        }
    });

＆＃13;

使dateTo datepicker更改其视图以专注于所选日期。它并不完美，但对我有用。

角度带：日期范围（开始日期不起作用）

1 个答案: