'mbsc-datepicker' 不是已知元素： 1. 如果 'mbsc-datepicker' 是一个 Angular 组件，那么验证它是否是这个模块的一部分

Question

我的程序不知道Mbscmodule，有人知道如何修复它吗?

code: 
<mbsc-datepicker [controls]="['calendar']" display="inline" [options]="calendarSettings"></mbsc-datepicker>

Answer 1

步骤1:安装Mobiscroll命令行并配置应用

$ npm install -g @mobiscroll/cli

在终端窗口运行mobisroll config angular。

$ mobiscroll config angular 

步骤2。加载样式表

复制带有CSS include的代码片段并将其粘贴到索引文件中。(这一步可能取决于项目的配置。如果你的项目有一个特定的css包含位置，然后在那里添加资源位置。

<link href="/node_modules/@mobiscroll/angular/dist/css/mobiscroll.min.css" rel="stylesheet" />

步骤3。导入mobisroll模块

要导入mobisroll，请打开app/app.module。并添加以下内容语句。

import { MbscModule } from '@mobiscroll/angular';
import { FormsModule } from '@angular/forms';

还将MbscModule和FormsModule添加到imports枚举

@NgModule({
imports: [
BrowserModule,
FormsModule,
MbscModule,
//... 
],
// ...
})
export class AppModule { }

import { Component } from '@angular/core';
import { MbscDatepickerOptions } from '@mobiscroll/angular';
@Component({
selector: 'demo-app',
templateUrl: './app.component.html',
})
export class AppComponent {
myBirthday: Date;
myOptions: MbscDatepickerOptions = {
theme: 'ios',
controls: ['calendar'],
};
}

<mbsc-datepicker [(ngModel)]="myBirthday" [options]="myOptions" placeholder="Please select..." />