Angular Bootstrap DateTimePicker - 在嵌入式日历上突出显示今日日期

时间:2015-05-08 17:09:41

标签: angularjs datetimepicker momentjs angular-bootstrap

如果我的帖子有任何错误,请接受我的道歉。这是我在此的头一篇博文。但是,我不是StackOverflow的新手。纠正我,如果有的话。

我正在使用以下网址中的angular-bootstrap-datetimepicker库: Link to library

我目前正在页面上嵌入日历。 我正在使用angular.js,moment.js,grunt和bower。加载日历绝对没有问题,甚至可以选择日期并显示所选日期。

以下是示例代码:



<div>
  Selected Date: {{ data.embeddedDate | date:'yyyy-MMM-dd' }}
  <datetimepicker data-ng-model="data.embeddedDate" data-datetimepicker-config="{ startView:'day', minView:'day'}" />
</div>
&#13;
&#13;
&#13;

我试图在日期时间选择器显示在页面上时自动突出显示今天的日期。 如您所见,在配置选项中,我可以设置默认视图和最小视图。

注意:我试图在Plunkr中模仿工作代码(到现在为止),但是它没有显示日历。我也添加了所有库。无论如何,这只是为了想法。如果我能让Plunkr工作,我会再次更新。 以下是Plunkr的链接。

任何建议(关于默认情况下今天突出显示日期)将不胜感激。

1 个答案:

答案 0 :(得分:2)

要使指令默认显示今天的日期,您可以通过其范围在控制器中设置$scope.data = { embeddedDate: new Date() }; 的值,如下所示:

{{1}}

Working Plunkr