Angular 5 材质 DatePicker 布局拥塞了几个月答案

【问题标题】：Angular 5 material DatePicker layout gets congested for some monthsAngular 5 材质 DatePicker 布局拥塞了几个月
【发布时间】：2019-06-22 17:09:15
【问题描述】：

我在 Angular 5 中使用 mat-datepicker 来获取输入日期。然而，当日历打开时，几个月的布局很奇怪（内容变得拥挤）。其他月份看起来不错。

我也在我的 styles.css 中导入了 indigo-pink.css

html代码：

<tr style="width:50%">
                <td>
                  <span class="cellLabel">Choose a Date for Installation:</span>
                </td>
                <td>
                  <span class="cellLabelMand">
                    <mat-form-field>
                      <input matInput [matDatepicker]="picker" [(ngModel)]="date" placeholder="Choose a date">
                      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                      <mat-datepicker #picker></mat-datepicker>
                    </mat-form-field>
                  </span>
                </td>
              </tr>

app.module.ts 具有以下导入：

import {MatDatepickerModule, MatNativeDateModule, MatInputModule, MatFormFieldModule} from '@angular/material';
these modules are also added to imports and exports

布局不应该在几个月内变得拥挤。请帮我解决它。

【问题讨论】：

您能否在 stackblitz 模板中提供最小复制：stackblitz.com/angular/…？
@jpavel 我试过了。你可以复习。但那里有一些错误。不知道那是什么：styles.css 中的错误错误：ENOENT：没有这样的文件或目录。，'/dev/null'
有什么办法可以分享给你截图吗？
我自己修好了。我希望它可以帮助某人。检查您是否在表格单元格中使用日期选择器非常重要。表格行或单元格上已经应用的 css 可能会影响它，并且很难找到解决方案。

标签： angular datepicker angular-material

【解决方案1】：

我自己修好了。我希望它可以帮助某人。检查您是否在表格单元格中使用日期选择器非常重要。表格行或单元格上已经应用的 css 可能会影响它，并且很难找到解决方案。在这种情况下，我已经在表格单元格上应用了 50% 的宽度，这导致了问题。

【讨论】：