Материал DatePicker из Angular 5 перегружен на несколько месяцев - PullRequest
Новая
       11

Материал DatePicker из Angular 5 перегружен на несколько месяцев

0 голосов
/ 22 июня 2019

Я использовал mat-datepicker в угловых 5, чтобы получить дату ввода. Однако, когда календарь открывается, макет на несколько месяцев становится странным (контент перегружен). Другие месяцы выглядят хорошо.

Я тоже импортировал indigo-pink.css в мои styles.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

Макет не должен перегружаться в течение нескольких месяцев. Пожалуйста, помогите мне исправить это.

1 Ответ

0 голосов
/ 22 июня 2019

Я исправил это сам. Надеюсь, это кому-нибудь поможет. Очень важно проверить, используете ли вы указатель даты в ячейках таблицы. Уже примененное css к строкам или ячейкам таблицы может повлиять на это, и становится действительно трудно найти решение. В этом случае я уже применил ширину 50% к ячейкам таблицы, что вызывало проблему.

...