Question

目前， NgbTimepicker 指令有一个配置选项（秒）来显示或不显示秒输入框。我想取消小时输入框，单独显示特定项目的分钟和秒输入框。

我不知道如何在不破解核心代码的情况下做到这一点。任何帮助表示赞赏。提前谢谢。

到目前为止我使用css

的方式

:host ::ng-deep .ngb-tp-hour * {
  display: none;
  visibility: none;
}

/* Below worked for the spacer placeholder : */

:host ::ng-deep .ngb-tp-spacer:nth-child(2) {
  display: none;
  visibility: none;
}

我真的很感兴趣，如果有另一种方法，因为如果CSS类名改变了......

Answer 1

使用此css样式从DOM中删除小时

.ngb-tp-hour[_ngcontent-c0] {
    display: none;
}

我正在努力删除:一旦完成就会更新

Answer 2

您可以只在timepicker component.ts文件中使用经典的js代码

 ngOnInit() {
    document.getElementsByClassName('ngb-tp-hour')[0].remove();
    document.getElementsByClassName('ngb-tp-spacer')[0].remove();
  }

Answer 3

用于隐藏小时和第一个冒号（：）

.ngb-tp-hour,.ngb-tp div:nth-child(2){ display: none !important; }

如何仅在NgbTimepicker中显示分钟和秒输入

3 个答案: