Как удалить кнопку «Очистить» из p-календаря? - PullRequest
Новая
       20

Как удалить кнопку «Очистить» из p-календаря?

0 голосов
/ 30 апреля 2019

Я реализую p-calendar PrimeNG в приложении Angular и использую свойство 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>`

В моем CSS для этого углового компонента clear-button выглядит следующим образом: 

    .clear-button { display: none; }

Я также не понимаюлюбой тягой, попробовав этот синтаксис в свойстве класса для кнопки Clear: 

    clearButtonStyleClass="clear-button"
...