0

我在 SO 中找到了几篇关于 NG4 插件的文章，但它似乎在某些方面对我有用，我只是无法从选择中获得价值。

我按照安装说明进行操作，可以很好地调出日期选择器，但无法捕获所选日期。它使用的是 ngModel，我将其标记为“myDate”，但这是未定义的。

Github 的信息量不是很大，至少对我来说，关于如何让它工作，或者我是否需要将任何东西导入组件。

我尝试查看包中的源文件和安装的文件，但没有灯泡熄灭。

我尝试了推荐的 ng2-timepicker，但无法完全安装。这就是我得到的...

import { NKDatetimeModule } from 'ng2-datetime.module';

imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes),
    ChartsModule,
    HttpModule,
    FormsModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireAuthModule,
    AngularFireDatabaseModule,
    NgDatepickerModule
  ],

report.component.html：我尝试在日历本身和单独的按钮上放置一个点击事件。仍然给我未定义。

<div class="datepicker-container">
  <ng-datepicker [(ngModel)]="myDate.selection" (click)="getgDate()"></ng-datepicker>
</div>
<button class="btn btn-default" (click)="getgDate()">filter</button>

report.component.html：没有为日期选择器导入（尚未），但这总是未定义。我试过了myDate: Date，myDate:any =[]认为它被视为一个数组。两者都没有。我单独登录控制台this.myDate，结果是空的。

myDate:any =[]

  getgDate(){
    console.log(this.myDate["selection"]);
  }

如果您需要，这是我的 package.json：

"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "angular-2-data-table": "^0.1.2",
    "angular2-flash-messages": "^1.0.8",
    "angularfire2": "^4.0.0-rc.2",
    "chart.js": "^2.7.0",
    "core-js": "^2.4.1",
    "firebase": "^4.3.1",
    "ng2-charts": "^1.6.0",
    "ng2-datepicker": "^2.0.3",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
4

0 回答 0