angularjs - ui-bootstrap datepicker 不适用于最小和最大日期

Question

我正在使用作为 AngularJS ui-bootstrap 模块一部分的 Datepicket。我正在遵循给出的教程/示例(参见 http://angular-ui.github.io/bootstrap/#/datepicker )，但是当试图阻止用户选择早于今天或从今天起超过 3 个月的日期时似乎无法正常工作，因为这些仍然是可点击的。

这是我认为的日期选择器...我已将 ng-model、min-date 和 max-date 值写入接口(interface)以确保它们不为空)

<datepicker ng-model="dt" min-date="minDate" max-date="maxDate" show-weeks="false"></datepicker>
dt = {{ dt }}
minDate = {{ minDate }}
maxDate = {{ maxDate }}

正在返回值....

dt = "2014-04-30T15:31:46.746Z" 
minDate = "2014-05-27T15:31:46.746Z"
maxDate = "2014-08-27T15:31:46.751Z"

这是我的 Controller 代码...大部分来自 ui-bootstrap 站点上提供的示例

$scope.today = function() {
  $scope.dt = new Date();
};
$scope.today();

$scope.toggleMin = function() {
  $scope.minDate = $scope.minDate ? null : new Date();
};
$scope.toggleMin();

$scope.maxDate  = new Date(new Date().setMonth(new Date().getMonth()+3));

谁能看到我做错了什么？我看不到我犯了什么错字或错误？我在 OS X 10.9.2 上使用 Chrome 34.0.1847.137，所以浏览器兼容性应该不是问题。

Answer 1

只需使用 分钟 和 最大 属性而不是 最小日期 和 最大日期 分别在 datepicker 标签中。

<input min="p.minStartDate" max="p.maxStartDate" ng-model="p.startDate" datepicker-popup="{{'dd-MM-yyyy'}}"  datepicker-options="p.dateOptions"/>