Показывать только кнопку «Очистить» в компоненте p-календаря - PullRequest
Новая
       5

Показывать только кнопку «Очистить» в компоненте p-календаря

0 голосов
/ 05 октября 2019

Я хочу, чтобы на компоненте p-календаря была только кнопка Очистить.

myComponent.html 

<p-calendar
  value="#{property.propDate}" id="date"
  [showIcon]="true"
  [utc]='true'
  placeholder="{{ timePickerPlaceHolder }}"
  [showTransitionOptions]="'100ms'"
  [hideTransitionOptions]="'100ms'"
  [inputStyle]="{ width: '248px' }"
  [(ngModel)]="value"
  [defaultDate]="defaultDate"
  showTime="true"
  [readonlyInput]="true"
  hourFormat="24"
  showButtonBar="true"
  [todayButtonStyleClass]="'today-button'"
  [timeOnly]="true">
</p-calendar>

myComponent.less 

.today-button {
  display: none !important
}

Но это ничего не делает. Может кто-нибудь, пожалуйста, помогите мне с этим?

1 Ответ

1 голос
/ 05 октября 2019

Вы можете сделать это так: 

::ng-deep.ui-datepicker-buttonbar > div.ui-g div:first-child {
    display: none;
}

Конечно, это связано с вашим HTML-кодом кнопки для p-календаря. Удачи

...