2016-07-07 8 views
0

イオン2では、イオン選択モーダルで[OK]ボタンを押すようなイベントの後に自動的にdatetimeコンポーネントを開く方法はありますか?Ionic2のイオン選択モーダルからdatetimeコンポーネントを自動的に開きますか?

これで、OKを押すことからdatetimeコンポーネントの時刻を選択/プルアップすることに直接なります。

私はまだこれを直接行うための解決策を見つける必要がありません。

答えて

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を見つけることができません」のエラーが表示されます、あなたの結果をckeckためにあなたの日付ピッカー

this.datePicker.open(); 

console.log(this.mydate);にオープン呼び出すことができます。私は何をすべきか? – SSS

+0

はViewChildにインポートされていますか? –

+0

私はこのイオンに新しいです。私はそれをする方法を知らない。それで私を助けることができますか? – SSS

1

これは少し遅れているが、ここでは、その後、あなたの

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

にそれらのプロパティを追加し、この

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

のようなこの

最初のインポートviewchildや日付、時間のための完全な答えであります日時コンポーネントをビューに追加する

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

あなたは今

関連する問題