npm install --save [email protected]
жу за этимApNg2Fullcalendar Установка структуры шаг за шагом, я использовал Angular 5,
но у меня была следующая ошибка
node_modules / ap-angular2-fullcalendar / src / calendar / calendar.d.ts (3,10): ошибка TS2305: Модуль '' fullcalendar '' не имеет экспортированного члена 'Опции'. node_modules / fullcalendar / dist / fullcalendar.d.ts (695,36): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (696,29): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (697,20): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (759,22): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (775,50): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (988,23): ошибка TS2304: не удается найти имя 'JQueryEventObject'. node_modules / fullcalendar / dist / fullcalendar.d.ts (1401,70): ошибка TS2304: не удается найти имя 'JQueryAjaxSettings'. node_modules / fullcalendar / dist / fullcalendar.d.ts (1603,50): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (1623,50): ошибка TS2304: не удается найти имя 'JQueryPromise'. node_modules / fullcalendar / dist / fullcalendar.d.ts (2588,50): ошибка TS2304: не удается найти имя 'JQueryPromise'.
как это исправить? мойindex.component.ts
import { Component, } from '@angular/core';
import 'Fullcalendar';
@Component({
selector: 'app-index',
templateUrl: './index.component.html',
styleUrls: ['./index.component.css']
})
export class IndexComponent {
title = 'app';
calendarOptions:Object = {
height: 'parent',
fixedWeekCount : false,
defaultDate: '2016-09-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
events: [
{
title: 'All Day Event',
start: '2016-09-01'
},
{
title: 'Long Event',
start: '2016-09-07',
end: '2016-09-10'
},
{
id: 999,
title: 'Repeating Event',
start: '2016-09-09T16:00:00'
},
{
id: 999,
title: 'Repeating Event',
start: '2016-09-16T16:00:00'
},
{
title: 'Conference',
start: '2016-09-11',
end: '2016-09-13'
},
{
title: 'Meeting',
start: '2016-09-12T10:30:00',
end: '2016-09-12T12:30:00'
},
{
title: 'Lunch',
start: '2016-09-12T12:00:00'
},
{
title: 'Meeting',
start: '2016-09-12T14:30:00'
},
{
title: 'Happy Hour',
start: '2016-09-12T17:30:00'
},
{
title: 'Dinner',
start: '2016-09-12T20:00:00'
},
{
title: 'Birthday Party',
start: '2016-09-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: '2016-09-28'
}
]
};
onCalendarInit(initialized: boolean) {
console.log('Calendar initialized');
}
}
app.module.ts
import { CalendarComponent } from 'ap-angular2-fullcalendar';
import { CalendarModule } from 'ap-angular2-fullcalendar';
@NgModule({
declarations: [
AppComponent,
IndexComponent,
CalendarComponent
],
imports: [
BrowserModule,
NgbModule.forRoot(),
AngularFontAwesomeModule,
routes
],
index.component.html
<angular2-fullcalendar [options]="calendarOptions" (initialized)="onCalendarInit($event)"></angular2-fullcalendar>