ngb-datepicker не работает при угловом вводе материала (matInput) - PullRequest
Новая
       36

ngb-datepicker не работает при угловом вводе материала (matInput)

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

Я хочу использовать ngb-datepicker для ввода материала.Я применил DatePicker для ввода циновки успешно.но есть проблема с выпадениями месяца и года.

Я попробовал следующий фрагмент: 

<mat-form-field>
<input matInput placeholder="Select Valid Till" name="GodownValidTill" [(ngModel)]="GodownValidTill" ngbDatepicker #d2="ngbDatepicker" required readonly>
<mat-icon style="float:right;height:20px;width:20px;" (click)="d2.toggle()" svgIcon="calendar" title="Calendar"></mat-icon>
</mat-form-field>

Есть ли какое-нибудь решение для идеальной работы?

1 Ответ

2 голосов
/ 12 июня 2019

Я не уверен, в чем именно проблема, но у меня нет проблем с объединением обеих библиотек. Я использовал почти тот же код, что и вы. 

<mat-form-field class="example-full-width">
  <input matInput placeholder="Favorite food"  name="GodownValidTill" [(ngModel)]="GodownValidTill" (ngModelChange)="onSelect($event)" ngbDatepicker #d="ngbDatepicker" required readonly>
  <mat-icon (click)="d.toggle()">calendar-today</mat-icon>
</mat-form-field>

Функциональность мудрая, проблем нет. Но, конечно, вам нужно будет внести свои собственные изменения в CSS / стиль. Я воспроизвел демо более здесь .

Вместо того, чтобы использовать обе библиотеки вместе, почему бы просто не использовать Angular Boostrap или Angular Material? Таким образом, вам не нужно управлять различными пакетами. Обе библиотеки имеют свои собственные компоненты Datepicker ( Material Datepicker / Ngbootstrap Datepicker ).

...