Angular UI Bootstrap 日期选择器 - 在日历打开时显示特定日期

Question

我正在为 Datepicker 使用 Angular UI Bootstrap 指令。我有日期列表，我在日历中设置为活动日期（即其他日期被禁用）。

这是我的约会清单 - ["10/16/2015", "11/20/2015", "12/18/2015"]

UI 日期选择器始终打开当前 date/month。我怎样才能让日历在特定日期打开，即使这个日期是前一年？

我找到了defaultViewDate选项，但是好像不行（至少我在tpl库里没找到这个方法）

有什么办法可以做到吗？

谢谢！

Answer 1

鉴于 Angular UI 在其日期选择器上的 documentation，日历会适应 ng-model 上设置的日期，所以你所要做的就是创建一个日期：

new Date(year, month, day, hours, minutes, seconds, milliseconds);

有关详细信息，请参阅 w3schools。

将模型设置为那个，你应该可以开始了。让我们知道它是否有效。

编辑：

要在未指定日期时设置初始日期，请使用 init-date 通过在 scope 上创建默认日期父控制器。

angular.module("yourModule").controller("parentCtrl", function($scope) {
    $scope.initialDate = new Date(2000, 5, 4);
}

和 HTML:

<div ng-controller="parentCtrl">
    <datepicker init-date="initialDate"></datepicker>
</div>

希望对您有所帮助。