angularjs – Angular Bootstrap DateTimePicker – 在嵌入式日

发布时间：2020-12-17 07:13:50 所属栏目：安全来源：网络整理

导读：如果我的帖子有任何错误,请接受我的道歉.这是我在此的头一篇博文.但是,我不是StackOverflow的新手.纠正我,如果有的话. 我正在使用来自以下网址的angular-bootstrap-datetimepicker库： Link to library 我目前正在页面上嵌入日历. 我正在使用angular.js,mome

如果我的帖子有任何错误,请接受我的道歉.这是我在此的头一篇博文.但是,我不是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>

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

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

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

解决方法

要使指令默认显示今天的日期,您可以通过其范围在控制器中设置data.embeddedDate的值,如下所示：

$scope.data = { embeddedDate: new Date() };

Working Plunkr

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!