Angular6 未捕获错误：模板分析错误：ej2日期选择器6

试图在我的项目中实现ej2日历，但遇到以下错误

同样的代码用于演示项目

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';
import { AppComponent } from './app.component';
import { ComponentNameComponent } from './component-name/component-name.component';

@NgModule({
  declarations: [
    AppComponent,
    ComponentNameComponent
  ],
  imports: [
    BrowserModule,
    DateRangePickerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';

import { DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';

import { HttpModule } from '@angular/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from '../app.component';

@NgModule({ declarations: [ AppComponent ], imports: [ DateRangePickerModule, DropDownListModule, BrowserModule, FormsModule, ReactiveFormsModule], providers: [], bootstrap: [AppComponent]
})
export class AppModule { }

datepicker.html

    <div class="form-group daterange-group">
            <ejs-daterangepicker id='daterangepicker' placeholder='Select a range' [startDate]='start' [endDate]='end'></ejs-daterangepicker> 

日期选择器

public start: Date = new Date ("10/07/2017"); 
public end: Date = new Date ("11/25/2017");
</div>

public start:Date=新日期（“2017年7月10日”）；
公开结束日期：日期=新日期（“2017年11月25日”）；

未捕获错误：模板分析错误： 无法绑定到“startDate”，因为它不是“ejs daterangepicker”的已知属性

如果“ejs daterangepicker”是一个角度组件，并且具有“startDate”输入，则验证它是否是此模块的一部分

如果“ejs daterangepicker”是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息

若要允许任何属性，请将“无错误模式”添加到此组件的“@NgModule.schemas”。（“col-md-3 col-sm-4”>）

---

您需要在app.module.ts中导入组件模块（我猜它是DateRangePickerModule）

请在中尝试此示例

在html中

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';
import { AppComponent } from './app.component';
import { ComponentNameComponent } from './component-name/component-name.component';

@NgModule({
  declarations: [
    AppComponent,
    ComponentNameComponent
  ],
  imports: [
    BrowserModule,
    DateRangePickerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';

import { DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';

import { HttpModule } from '@angular/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from '../app.component';

@NgModule({ declarations: [ AppComponent ], imports: [ DateRangePickerModule, DropDownListModule, BrowserModule, FormsModule, ReactiveFormsModule], providers: [], bootstrap: [AppComponent]
})
export class AppModule { }

---

@MayuriParmar它应该有用。你能在stackblitz上成功吗。然后很容易显示错误。是的，代码正在处理空白项目。但我需要在我的项目中实现这一点