Angular 角度日历:没有DateAdapter的提供程序
在我新创建的Angular应用程序中,我尝试使用mattlewis92的Angular日历创建他的日历。我已经复制了他github上列出的所有步骤和代码:但我一直收到一个错误,上面写着Angular 角度日历:没有DateAdapter的提供程序,angular,angular-calendar,Angular,Angular Calendar,在我新创建的Angular应用程序中,我尝试使用mattlewis92的Angular日历创建他的日历。我已经复制了他github上列出的所有步骤和代码:但我一直收到一个错误,上面写着error:StaticInjectorError(AppModule)[CalendarDayViewComponent->Date Adapter]:NullInjectorError:DateAdapter没有提供程序 在我的app.module.ts中,我有这个,并且还导入了所有这些: imports: [
error:StaticInjectorError(AppModule)[CalendarDayViewComponent->Date Adapter]:NullInjectorError:DateAdapter没有提供程序代码>
在我的app.module.ts
中,我有这个,并且还导入了所有这些:
imports: [
CalendarModule.forRoot({
provide: DateAdapter,
useFactory: adapterFactory
})
]
我唯一能看到的问题是我也使用了矩,所以我的提供者中有:
{provide:DateAdapter,useClass:MomentDateAdapter,deps:[MAT\u DATE\u LOCALE]}
任何帮助将非常感谢为什么会发生这种情况,或者我将如何着手解决它,谢谢 试试这个。为我工作。日历需要某种形式的日期适配器,您可以使用如下所示的时刻
import { CalendarModule, DateAdapter } from 'angular-calendar';
import { adapterFactory } from 'angular-calendar/date-adapters/moment';
import * as moment from 'moment';
export function momentAdapterFactory() {
return adapterFactory(moment);
};
imports: [
CalendarModule.forRoot({ provide: DateAdapter, useFactory: momentAdapterFactory })
]
我猜你是在混合日期适配器符号
在日历模块中,使用:
import { DateAdapter } from "angular-calendar";
import { DateAdapter } from '@angular/material/core';
在“角度材质”模块中,使用:
import { DateAdapter } from "angular-calendar";
import { DateAdapter } from '@angular/material/core';
其次,如果您想使用带有日期fns的角度日历,您当前的代码应该可以。如果你想使用有角度的日历,你应该参考这个
日历模块如下所示:
export function momentAdapterFactory() {
return adapterFactory(moment);
}
@NgModule({
imports: [
CommonModule,
CalendarModule.forRoot(
{
provide: DateAdapter,
useFactory: momentAdapterFactory,
},
{
dateFormatter: {
provide: CalendarDateFormatter,
useClass: CalendarMomentDateFormatter,
},
}
)
],
providers: [
{
provide: MOMENT,
useValue: moment,
},
],
})
export class MyCalendarModule {}