1

我p-calendar在我的应用程序中使用在特定时间从用户那里获取输入。日历工作正常。但是，即使我单击日历上的其他日期，当前日期也会在日历中保持选中状态。因此，即使选择了新日期，看起来好像两者都被选中了。我怎样才能解决这个问题？在此先感谢您的帮助。

这是我的模板：

<div class="p-field p-col-12 p-md-4">

    <p-calendar [defaultDate]="null" [showButtonBar]="true" [maxDate]="maxDateValue" [readonlyInput]="true" [(ngModel)]="date7" [showTime]="true" [inline]="true" inputId="time"></p-calendar>
</div>

<span style="font-size: small;"> Selcted Time::</span><span style="font-size: small;"><u>{{date7}}</u></span>

date7 中的值是新选择的日期，如预期的那样，但日历显示两个日期都已选择。

4

1 回答 1

0

默认情况下，PrimeNG 日历中的今天日期具有灰色背景颜色（与选定日期的颜色不同），以帮助用户在日历中定位自己。

如果要删除它，可以覆盖 PrimeNG 10 CSS：

::ng-deep .p-datepicker table td.p-datepicker-today > span {
  background-color: transparent;
}

或 PrimeNG 9 CSS：

::ng-deep body .ui-datepicker table td.ui-datepicker-today > a {
  background-color: transparent;
}

请参阅PrimeNG 10 演示或PrimeNG 9 演示

于 2020-11-17T09:23:44.210 回答