Question

我正在Angular应用程序中实现PrimeNG的p-calendar，并且正在使用showButtonBar属性。我需要显示Today按钮，但是我不希望看到Clear按钮。

使用clearButtonStyleClass和CSS类来直接隐藏按钮没有任何运气。

这是我的实现方式

`<p-calendar
[style]="{'width': '100%'}"
[inputStyle]="{'width': '100%', 'border': 'none', 'cursor': 'pointer'}"
[(ngModel)]="calendarDate"
[inline]="false"
dateFormat="DD, MM d, yy"
(onSelect)="calendarPickDate($event)"
[showIcon]="false"
[showButtonBar]="true"
(onTodayClick)="returnToTodaysDate()"
(onClearClick)="returnToTodaysDate()"
[clearButtonStyleClass]="'clear-button'"
[readonlyInput]="true"
</p-calendar>`

在我的Angular组件的CSS中，clear-button如下：

    .clear-button { display: none; }

通过在Clear按钮的class属性上尝试使用以下语法，我也不会感到困惑：

    clearButtonStyleClass="clear-button"

如何从p日历中删除“清除”按钮？

0 个答案: