Question

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

我按照安装说明进行操作，并且我能够很好地提取日期选择器，但我无法捕获所选日期。它使用ngModel，我将其标记为＆＃34; myDate，＆＃34;但这是未定义的。

至少对我而言，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"

Angular 4 - NG2-Datepicker - 选择后无法捕获日期值

0 个答案: