Angular UI Bootstrap Datepicker - 在打开的日历上显示特定日期

Question

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

这是我的日期列表 - ["10/16/2015", "11/20/2015", "12/18/2015"]

UI 日期选择器始终打开当前日期/月份。我该怎么做，所以日历会在特定日期打开，即使这个日期是上一年的？

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

有什么想法可以做到吗？

谢谢！

Answer 1

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

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

有关更多信息，请参阅w3schools。

将模型设置为此，您应该一切顺利。让我们知道它是否有效。

编辑：

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

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>

希望对你有帮助。