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

Question

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

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

<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"

这是我的控制器代码...大部分来自 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 标签中分别使用 min 和 ma​​x 属性代替 min-date 和 ma​​x-date .

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

Answer 2

您使用的是哪个版本的 Angular Bootstrap？我注意到我必须升级到 0.11.0 才能获得工作的最小和最大日期。在 0.10.0 中，最小和最大日期对我不起作用。我不得不改用 date-disabled。

Answer 3

<input type="text" datepicker-popup="{{format}}" 
                            ng-model="dt" is-open="opened" 
                            min="'2014-09-09'" max="'2015-06-22'"
                            datepicker-options="dateOptions" 
                            date-disabled="disabled(date, mode)" 
                            ng-required="true" 
                            close-text="Close" />

它适用于 angular-1.2.8 版本

Answer 4

我无法使 max 或 max-date 属性起作用。

相反，我发现我必须在控件上配置datepicker-options 属性。 Reference here.

模板

<input type="text" class="form-control" uib-datepicker-popup="d/M/yyyy" ng-model="ctrl.calendarControl.selectedDate" datepicker-options="ctrl.calendarControl.dateOptions" />

控制器

self.calendarControl = {
    dateOptions: {
        maxDate: new Date()
    }
};

Answer 5

    $(function () {
        $("[id$=txtpaymentdate]").datepicker({
            showOn: 'button',
            buttonImageOnly: true,
            format: "dd/mm/yyyy",

            todayBtn: "linked",
            language: "ru",
            autoclose: true

        });
    });