Ionic2 DateTime not displayed

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