将显示我的初始计划，但不显示事件
将显示我的初始计划，但不显示事件
提问于 2018-08-30 16:59:05
我正在使用primeng日程表，日历看起来很好，但事件没有显示，如下图所示。这个项目相当简单。只需使用primeng和schedule。没什么复杂的。我已经附上了我的代码。如果任何人以前遇到过这个问题，并有解决方案。您的帮助将不胜感激。非常感谢
angular.json
"styles": [
"src/styles.css"
],
"scripts": [
"node_modules/moment/min/moment.min.js",
"node_modules/fullcalendar/dist/fullcalendar.min.js",
"node_modules/fullcalendar-scheduler/dist/scheduler.min.js"
],style.css
@import "~primeicons/primeicons.css";
@import "~primeng/resources/themes/nova-light/theme.css";
@import "~primeng/resources/primeng.min.css";
@import "~fullcalendar/dist/fullcalendar.css";
@import "~fullcalendar-scheduler/dist/scheduler.min.css";package.json
"dependencies": {
"@angular/animations": "^6.1.0",
"@angular/common": "^6.1.0",
"@angular/compiler": "^6.1.0",
"@angular/core": "^6.1.0",
"@angular/forms": "^6.1.0",
"@angular/http": "^6.1.0",
"@angular/platform-browser": "^6.1.0",
"@angular/platform-browser-dynamic": "^6.1.0",
"@angular/router": "^6.1.0",
"core-js": "^2.5.4",
"fullcalendar": "^4.0.0-alpha",
"fullcalendar-scheduler": "^1.9.4",
"moment": "^2.22.2",
"primeicons": "^1.0.0-beta.10",
"primeng": "^6.1.2",
"rxjs": "^6.0.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.7.0",
"@angular/cli": "~6.1.4",
"@angular/compiler-cli": "^6.1.0",
"@angular/language-service": "^6.1.0",
"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.0",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~5.0.1",
"tslint": "~5.9.1",
"typescript": "~2.7.2"
}app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {ButtonModule} from 'primeng/button';
import {ScheduleModule} from 'primeng/schedule';
import { AppComponent } from './app.component';
// import 'fullcalendar';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
ButtonModule,
ScheduleModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }app.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
template: `<p-schedule [events]="events" [header]="headerConfig" ></p-schedule>`,
styles: ['']
})
export class AppComponent implements OnInit {
headerConfig: any;
title = 'primecalendar';
events: any[];
ngOnInit() {
this.headerConfig = {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
};
this.events = [
{
"title": "All Day Event",
"start": '2018-08-01'
},
{
"title": "Long Event",
"start": "2018-08-07",
"end": "2018-08-10"
},
{
"title": "Repeating Event",
"start": "2018-08-09T16:00:00"
},
{
"title": "Repeating Event",
"start": "2018-08-16T16:00:00"
},
{
"title": "Conference",
"start": "2018-08-11",
"end": "2018-08-13"
}
];
}
}回答 1
Stack Overflow用户
发布于 2018-08-31 06:22:37
我认为您遗漏了jquery模块，这可能是问题的根本原因。
也不需要包括完整的日历调度器位置
正如你可以从上面的图片中看到的。不需要完整日历计划程序。因此，您可以删除该条目
"node_modules/fullcalendar-scheduler/dist/scheduler.min.js"在命令提示符中：
npm install jquery --savePackage.json应该包括: jquery
" jquery": "^3.3.1",
"lodash-es": "^4.17.10",
"minimist": "^1.2.0",另外，我注意到您没有从根文件夹中提供节点模块。再说一次，这取决于你在哪里设置。因此，更新后的angular.json文件应该包含juery、moment和full calendear.js。完整calendar.css的样式是可选的。
angular.json文件
"scripts": [
"../node_modules/quill/dist/quill.js",
"../node_modules/jquery/dist/jquery.js",
"../node_modules/moment/min/moment.min.js",
"../node_modules/fullcalendar/dist/fullcalendar.min.js"
],
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../node_modules/font-awesome/css/font-awesome.min.css",
"../node_modules/primeng/resources/primeng.min.css",
"../node_modules/primeng/resources/themes/omega/theme.css",
"../node_modules/quill/dist/quill.core.css",
"../node_modules/quill/dist/quill.snow.css",
"../node_modules/fullcalendar/dist/fullcalendar.css",
"styles.scss"
],我的工作示例：
希望上面的方法一定能行得通。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52092981
复制相关文章
相似问题