点击图标打开日历

Question

大家好，我使用的是primeNg的p-calendar组件，我想知道是否有可能删除显示为打开日历的输入，而不是仅添加一个Icon。我的意思是，当我在“图标”上方单击时，日历应该出现，但是当我将鼠标放在输入中时，日历不会出现，因为我不希望primeNg默认添加输入。

我不知道这是否可行。非常感谢。

Answer 1

有inputStyle和icon属性，您可以在其中设置宽度和样式。

     <p-calendar [inputStyle]="{'width':'0px', 'border':'0'}" 
[showIcon]="true" icon="fa fa-user"></p-calendar>

在https://www.primefaces.org/primeng/#/calendar

中查看属性参考

Answer 2

尝试在您的代码中使用 [showOnFocus]="false"。