Ionic2 DateTime未显示

Question

我正在尝试使用Ionic DateTime组件。我有以下代码，但没有显示（只有标签和按钮）。如果有人可以提供建议，我将不胜感激。

datetime.html

<ion-header>
  <ion-navbar>
    <ion-title>Last Online</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>

  <center>
    <ion-spinner icon="android" *ngIf="loading"></ion-spinner>
  </center>

  <ion-row>
    <ion-col>
      <center>
        <ion-label>Last Online</ion-label>
        <ion-datetime displayFormat="h:mm A" pickerFormat="h mm A" [(ngModel)]="event.timeStarts"></ion-datetime>
      </center>
    </ion-col>
  </ion-row>

  <ion-buttons>
    <button (click)="done()" block round class="form-button-text">{{'Done'}}</button>
  </ion-buttons>

</ion-content>

datetime.ts

import { Component } from '@angular/core';
import { NavController, NavParams, Events } from 'ionic-angular';
import { JobModel } from '../model/jobModel';


@Component({
  templateUrl: 'build/pages/datetime/datetime.html'
})
export class DateTimePage {

  private loading: boolean = true;
  private jobModel: JobModel = null;
  private event: Events = null;

  constructor(private nav: NavController, private navParams: NavParams, event: Events) {
    this.event = event;
    this.jobModel = navParams.get('jobModel');
    if (!this.jobModel) {
      this.jobModel = new JobModel();
    }
    this.loading = false;
  }

  private done(): void {
    alert('todo');
  }
}

Answer 1

以下作品，它是一个不同的日期选择器。

http://ionicframework.com/docs/v2/components/#datetime