Question

大家好，我将PrimeNg与p-calendar模块一起使用。我的日历显示两个名为“今日”和“清除”的按钮。我的问题是我只想显示一个按钮，而不要同时显示两个按钮。我不想显示的按钮是清除按钮，而使另一个按钮保持可见。

有任何隐藏按钮的方法，因为primeng不能只隐藏一个按钮。

p日历内部生成的html很大，可以将所有html代码放在此处。但这是按钮的html代码。

<div class="ui-datepicker-buttonbar ui-widget-header ng-tns-c10-7 ng-star-inserted" style="">
    <div class="ui-g">
        <div class="ui-g-6">
            <button class="ng-tns-c10-7 ui-button-secondary ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" pbutton="" type="button" ng-reflect-ng-class="ui-button-secondary" ng-reflect-label="Today"><span class="ui-button-text ui-clickable">Today</span></button>
        </div>
        <div class="ui-g-6">
            <button class="ng-tns-c10-7 ui-button-secondary ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" pbutton="" type="button" ng-reflect-ng-class="ui-button-secondary" ng-reflect-label="Clear"><span class="ui-button-text ui-clickable">Clear</span></button>
        </div>
    </div>
</div>

以及CSS代码：

.ui-datepicker-buttonbar > div.ui-g div:last-child {
    display: none;
}

非常感谢您。

Answer 1

您必须在CSS As之前添加:: ng-deep，要更改库组件的样式

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

或者您可以将其放在您的主要style.css / style.scss文件中

隐藏清除日历按钮的按钮

1 个答案: