html - Angular - 如何在 bsdaterangepicker 中突出显示今天的日期
问题描述
代码:
<div class="col-lg-3 form-group">
<label for="daterange"><strong> Date range</strong></label>
<input type="text" name="daterange" autocomplete="off" bsDaterangepicker #datepickerMD="bsDaterangepicker"
[bsConfig]="{ todayHighlight: true, rangeInputFormat : 'MM/DD/YYYY', dateInputFormat: 'MM/DD/YYYY', showWeekNumbers: false }"
id="daterange" placeholder="Date Range" formControlName="daterangeapp" class="form-control"/>
<div class="dr-input-group-append">
<button class="calendar w-auto input-calendar-btn" (click)="datepickerMD.toggle()" type="button"
[attr.aria-expanded]="datepickerMD.isOpen">
<img tabindex="1" class="img-prop" src="assets/img/calendar_small.png" alt="Save"/>
</button>
</div>
</div>
我得到了上面的日期范围选择但是,我还需要在选择器中突出显示今天的日期。尝试bsconfig
参数 todayHighlight: true 它不起作用。
解决方案
根据this Github question并基于this example,您应该能够根据自定义CSS类设置今天的日期.custom-today-class.
所以例如
.custom-today-class {
background-color:red
}
您可以在这个分叉的示例中看到它是如何工作的。
推荐阅读
- ios - 从多个入口点将相同的 Flutter 屏幕添加到 iOS App 时,Flutter 屏幕动画不显示
- python - 在您自己的数据集上微调 SOTA 视频模型 - 手语
- excel - 如何在被调用的子过程中使用函数参数
- python - 即使按照互联网上的所有步骤操作,Librosa 上的 ModuleNotFoundError
- postgresql - 如何从 macOS Big Sur(intel) 中删除 PostgreSQL 9.6 - 卸载程序失败并显示“可执行文件中的 CPU 类型错误”
- python - Python DataReader - 更新新信息
- arrays - 从一个堆栈弹出一个值并使用 C 推送到另一个堆栈
- linux - 通过端口 1521 从 sql developer 连接到 OracleVM virtualbox 的问题
- azure - 我可以在 Azure Cosmos DB 的复合索引中索引数组吗?
- gitlab-ci - gitlab-ci 是否有办法下载脚本并将其存储在本地文件系统中以便运行?