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

Question

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

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

UI Datepicker始终打开当前日期/月份。我怎么做，所以日历会在特定日期开放，即使这个日期是从去年开始的？

我找到了选项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>

希望它有所帮助。