2016-07-07 59 views

回答

1

在這裏,我們去

您的模板:

<ion-datetime #dateTime style="display:none" displayFormat="h:mm A" pickerFormat="h mm A" [(ngModel)]="startTime"></ion-datetime> 

<button (click)="openStart()"></button> 

,然後在你的代碼

首先創建於日期控件的引用:

@ViewChild('dateTime') sTime; 

然後添加事件代碼:

openStart() 
    { 
     this.sTime.open(); 
    } 

乾杯。

+0

我得到「無法找到名稱ViewChild」的錯誤。我該怎麼辦? – SSS

+0

是ViewChild導入的嗎? –

+0

我是新來的這個離子。我不知道該怎麼做。你能幫助我嗎? – SSS

1

這是有點晚了,但這裏是這個

首次進口viewchild和日期時間這樣

import { ViewChild} from '@angular/core'; 
import {DateTime } from 'ionic-angular'; 

一個完整的答案,然後這些屬性添加到您的

mydate :any; 
@ViewChild(DateTime) datePicker:DateTime; 

然後將日期時間組件添加到您的視圖

<ion-item [hidden]="true"> 
    <ion-label>Date</ion-label> 
    <ion-datetime displayFormat="DD/MM/YYYY h:mm a" [(ngModel)]="mydate"></ion-datetime> 
    </ion-item> 

,你現在可以調用打開您的日期選擇器

this.datePicker.open(); 

console.log(this.mydate);到ckeck你的結果

相關問題