日期选择器模板未显示答案

【问题标题】：date picker template not showing日期选择器模板未显示
【发布时间】：2022-01-14 07:33:15
【问题描述】：

您好，我正在使用igniteui 库，我正在尝试在每个列上显示自定义过滤器。除了dataType: 'date' 的列之外，所有列都工作正常。我试图显示我的输入框而不是日期选择器框，但里面的模板没有显示。我几乎尝试了所有方法，但无法获得解决方案。任何人都可以帮助我做错了什么。我正在使用 igniteui-angular 的版本 12.3.3

<ng-template #dateFilterTemplate igxFilterCellTemplate let-column="column">
        <div class="filter-cell">
            <igx-date-picker [value]="getFilterValue(column)" (onSelection)="onDateSelected($event, column)">
                <ng-template igxDatePickerTemplate let-openDialog="openDialog" let-displayData="displayData">
                    <igx-input-group type="box" #inputGr [displayDensity]="config.displayDensity">
                        <igx-prefix>
                            <igx-icon>search</igx-icon>
                        </igx-prefix>
                        <input
                            #input
                            igxInput
                            (click)="openDatePicker(openDialog)"
                            placeholder="Filter..."
                            autocomplete="off"
                            [value]="displayData | date"
                            [readonly]="true"
                        />
                        <igx-suffix *ngIf="input.value" (click)="clearInput(column)" tabindex="0">
                            <igx-icon>clear</igx-icon>
                        </igx-suffix>
                    </igx-input-group>
                </ng-template>
            </igx-date-picker>
        </div>
</ng-template>

【问题讨论】：

您的示例代码使用了一种旧方法，该方法替换了整个 igxDatePickerTemplate，这对于内部选择器处理来说是个问题，不再支持。最新版本（12.0.0 及更高版本）已更新模板，接受投影前缀、后缀等，就像输入组一样，请参阅infragistics.com/products/ignite-ui-angular/angular/components/…@Zdravko Kolev 的示例正在使用这种方法来重现上面的代码看起来很像，应该是这样做的。

标签： javascript angular typescript infragistics ignite-ui

【解决方案1】：

我尝试使用 Angular 13 版的 Ignite UI 重现该问题，并且一切正常。您能否进行必要的更改以便重现以下实时编辑示例：

https://stackblitz.com/edit/angular-suknqo?file=src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.html

【讨论】：