Angular 6 时间选择器似乎切断了 MM 显示的结尾

Question

如图所示，所有浏览器的时间选择器中的分钟都被截断了，有什么办法可以纠正这个问题吗？我看不到任何明显的东西。 class 'timeColor' 只是设置颜色。

<div class="row">
    <div class="col-4 center-datepicker"><input type="text" class="form-control" bsDatepicker [(ngModel)]="eventDetail.StartDateTime" id="startDate" name="startDate" [bsConfig]="{ dateInputFormat: 'DD MMMM YYYY'}" #startDate="ngModel" autocomplete="off"/></div>
    <div class="col-2"><timepicker [(ngModel)]="eventDetail.StartDateTime" id="startTime" name="startTime" class="timeColor" #startTime="ngModel" (isValid)="isStartTimeValid($event, startTime, endTime)"></timepicker></div>
</div>

Answer 1

对于寻找此问题答案的任何人，我通过将以下内容添加到组件 css 文件

中得到了答案

:host ::ng-deep #startTime input{
    width: 80px;
}

这增加了时间选择器中输入框的宽度，而不影响页面上的其他输入

Angular 6 时间选择器似乎切断了 MM 显示的结尾

Angular 6 time picker seems to cut off end of MM display

html

datetimepicker

angular