Angular Bootstrap DateTimePicker - 在嵌入式日历上突出显示今天的日期
Angular Bootstrap DateTimePicker - Highlight Today Date on embedded Calender
如果我的 post 有任何错误,请接受我的歉意。这是我第一次 post 来这里。但是,我对 Whosebug 并不陌生。有的话请指正。
我正在使用下面 angular-bootstrap-datetimepicker 库 url:
Link to library
我目前正在页面上嵌入日历。
我正在使用 angular.js、moment.js、grunt 和 bower。加载日历绝对没有问题,甚至可以 select 日期并显示 selected 日期。
示例代码如下:
<div>
Selected Date: {{ data.embeddedDate | date:'yyyy-MMM-dd' }}
<datetimepicker data-ng-model="data.embeddedDate" data-datetimepicker-config="{ startView:'day', minView:'day'}" />
</div>
我试图在页面上显示日期时间选择器时自动突出显示今天的日期。
如您所见,在配置选项中,我可以设置默认视图和最小视图。
注意:我试图模仿 Plunkr 中的工作代码(直到现在),但是它没有显示日历。我也添加了所有库。无论如何,这只是为了想法。如果我能让 Plunkr 工作,我会再次更新。
这里是 link 到 Plunkr.
任何建议(默认情况下关于突出显示今天的日期)将不胜感激。
要让指令默认显示今天的日期,您可以通过其作用域在控制器中设置 data.embeddedDate
的值,如下所示:
$scope.data = { embeddedDate: new Date() };
如果我的 post 有任何错误,请接受我的歉意。这是我第一次 post 来这里。但是,我对 Whosebug 并不陌生。有的话请指正。
我正在使用下面 angular-bootstrap-datetimepicker 库 url: Link to library
我目前正在页面上嵌入日历。 我正在使用 angular.js、moment.js、grunt 和 bower。加载日历绝对没有问题,甚至可以 select 日期并显示 selected 日期。
示例代码如下:
<div>
Selected Date: {{ data.embeddedDate | date:'yyyy-MMM-dd' }}
<datetimepicker data-ng-model="data.embeddedDate" data-datetimepicker-config="{ startView:'day', minView:'day'}" />
</div>
我试图在页面上显示日期时间选择器时自动突出显示今天的日期。 如您所见,在配置选项中,我可以设置默认视图和最小视图。
注意:我试图模仿 Plunkr 中的工作代码(直到现在),但是它没有显示日历。我也添加了所有库。无论如何,这只是为了想法。如果我能让 Plunkr 工作,我会再次更新。 这里是 link 到 Plunkr.
任何建议(默认情况下关于突出显示今天的日期)将不胜感激。
要让指令默认显示今天的日期,您可以通过其作用域在控制器中设置 data.embeddedDate
的值,如下所示:
$scope.data = { embeddedDate: new Date() };