Question

我正在使用angular-material实现datePicker，但日历显示不正确

我尝试降级角度/材质版本，但没有用

//我的ionc信息看起来像

         ionic (Ionic CLI)  : 4.12.0
           Ionic Framework    : ionic-angular 3.9.6
           @ionic/app-scripts : 3.2.3

        Cordova:

           cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
           Cordova Platforms     : not available
           Cordova Plugins       : not available

        System:

           NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
           npm    : 6.9.0
           OS     : Windows 10

<mat-card>
    <mat-card-title>Date Picker</mat-card-title>
    <mat-card-content>
      <mat-form-field>
         <input matInput placeholder="Select Date 
                [matDatepicker]="selectDate">
         <mat-datepicker-toggle matSuffix [for]="selectDate">
         </mat-datepicker-toggle <mat-datepicker #selectDate></mat-datepicker>
      </mat-form-field>
    </mat-card-content>
</mat-card>

//我的依赖版本

 "@angular/material": "^5.2.3",
"@angular/material-moment-adapter": "^8.0.2",

预期的输出是带有正确日期和日期的日历，但仅获取日期。 UI也不合适。

Answer 1

可以尝试的事物。

在使用5且@angular/material-moment-adapter在8上时尝试将材料更新为> 8。

确保为DatePicker导入必要的模块。您将需要以下模块，

MatDatepickerModule,
MatFormFieldModule,
MatInputModule,
// MatMomentDateModule, // either this or MatNativeDateModule
MatNativeDateModule

如果仍然无法正常工作，我已经进行了一次堆栈炸弹，请单击date picker，您会看到带有正确的CSS和UI的日期选择器

https://stackblitz.com/edit/angular-yashpatelyk-material-components

此外，如果您附上输出或stackblitz URL的屏幕截图，我们可以帮助您进行更好的调试。

我想使用angular实现datePicker，但日历显示不正确

1 个答案: