是否可以隐藏input
primeng日历中的字段,只显示图标?我不想将p-calendar
元素更改为内联,而只是显示将弹出日历的图标。
组件.html
<div class="ui-g-12 ui-md-4">
<p-calendar class="foo-cal" appendTo="body" readonlyInput="true" dateFormat="yy/mm/dd" [(ngModel)]="date" [showIcon]="true"></p-calendar>
</div>
我尝试了以下方法,但没有成功:
body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
display: none !important;
}
p-calendar span input {
display: none !important;
}
但是,如果我将属性添加到元素,则使用浏览器中的 devtools display: none;
,它将仅隐藏图标。有什么想法可以让它在没有输入字段的情况下呈现 html 文件吗?