Как сделать двухстороннюю привязку даты коврика внутри таблицы матов - PullRequest
0 голосов
/ 16 февраля 2020

Я пытаюсь показать несколько подробностей о сотруднике в матричной таблице. Та же самая таблица, которую я сделал как редактируемая. За исключением datepicker, все поля работают. Пожалуйста, помогите сделать двустороннее связывание в DatePicker.

    <ng-container matColumnDef="Exp">
                                <mat-header-cell *matHeaderCellDef> Total Exp.(Yrs.) </mat-header-cell>
                                <mat-cell contenteditable=true [textContent]="row.totalexp_yrs"
                                    (input)="row.totalexp_yrs=$event.target.textContent" *matCellDef="let row">
                                    {{row.totalexp_yrs}} </mat-cell>
                            </ng-container>

                            <ng-container matColumnDef="startdate">
                                <mat-header-cell *matHeaderCellDef> Start Date </mat-header-cell>
                                <mat-cell contenteditable=true *matCellDef="let row;let i=index">
                                    <input matInput [matDatepicker]="empfrom_i" name="empfrom_i" 
                                         placeholder="Choose a date">{{row.emp_from}} </input>
                                    <mat-datepicker-toggle matSuffix [for]="empfrom_i"></mat-datepicker-toggle>
                                    <mat-datepicker #empfrom_i></mat-datepicker>

                                </mat-cell>
                            </ng-container>

                            <ng-container matColumnDef="enddate">
                                <mat-header-cell *matHeaderCellDef> End Date </mat-header-cell>
                                <mat-cell contenteditable=true *matCellDef="let row">

 <input matInput [matDatepicker]="empto_i" name="empto" 
                                        [(ngModel)]="row.emp_to" placeholder="Choose a date">
                                    <mat-datepicker-toggle matSuffix [for]="empto_i"></mat-datepicker-toggle>
                                    <mat-datepicker #empto_i></mat-datepicker>
                                    {{row.emp_to}}
                                </mat-cell>
                            </ng-container>

enter image description here

...