2017-01-14 103 views
0

設定值我使用離子2.1.18與angularjs 2 RC4和我有一個問題集小時離子2/angularjs 2離子日期時間無法在小時

booking.html

<ion-item> 
    <ion-label>Start Date</ion-label> 
    <ion-datetime displayFormat="DD MMM YYYY" [(ngModel)]="startDate" min="{{thisYear}}" max="{{nextYearWithLastDay}}"></ion-datetime> 
</ion-item> 

<ion-item> 
    <ion-label>Start Time (Hour)</ion-label> 
    <ion-datetime displayFormat="HH00" [(ngModel)]="startTime" pickerFormat="HH"></ion-datetime> 
</ion-item> 

booking.ts

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 

@Component({ 
    selector: 'page-booking', 
    templateUrl: 'booking.html' 
}) 
export class Booking { 

    constructor(public navCtrl: NavController, public navParams: NavParams) {} 

    now: Date = new Date(); 
    thisYear : Number = this.now.getFullYear(); 
    nextYearWithLastDay : String = (this.now.getFullYear() + 1) + "-12-31"; 

    startDate: String = this.now.toISOString(); 
    endDate: String = this.now.toISOString(); 

    startTime: Number = this.now.getHours(); 
    endTime: Number = this.now.getHours(); 

    ionViewDidLoad() { 

    console.log('ionViewDidLoad Booking'); 

    } 

} 

的startDate能夠設置爲當前日期,但開始時間無法設置,儘管我ALRE安以軒定義在類

enter image description here

回答

-1

我沒有測試,但設置你的時間是這樣的:

startTime = this.now.getHours()+':'+ this.now.getMinutes(); 
displayFormat="HH:00" 
+0

要設置字符串編號和確認失敗! –

+0

對不起,我只是複製你的代碼。看到這個[鏈接](https://github.com/driftyco/ionic-preview-app/blob/master/src/pages/datetime/basic/pages.ts)。我也編輯答案。 –

相關問題