使用Javascript顯示離子日期時間

我試圖用Javascript代碼顯示<ion-datetime>。使用Javascript顯示離子日期時間

的HTML代碼，我已經是：

<ion-item *ngIf="showDatePicker"> 
    <ion-label>CHANGE DATE</ion-label> 
    <ion-datetime (ionChange)="dateSelected()" displayFormat="D MMM YYYY" min="2017" max="2030-12-31" [(ngModel)]="diaryDate"></ion-datetime> 
    </ion-item>

有了這個代碼，當你點擊<ion-label>日期選取器出現，但我想它，當我執行JavaScript代碼的出現。

來源

2017-02-01 Bill Noble

例如，您可以創建ref，然後每當按鈕點擊時，您將調用open()方法。

<ion-item *ngIf="showDatePicker"> 
    <ion-label>CHANGE DATE</ion-label> 
    <ion-datetime #pick (ionChange)="dateSelected()" displayFormat="D MMM YYYY" min="2017" max="2030-12-31" [(ngModel)]="diaryDate"></ion-datetime> 
</ion-item>

按鈕某處

<button (click)="pick.open()">open</button>

來源

2017-02-01 17:33:42

感謝TIEP。我該如何在Javascript/Typescript文件中做pick.open？ –

使用ViewChild來查詢pick元素，然後調用你的js/ts文件，注意，也許你不能調用'open（）'方法，因爲'datetime.d.ts'文件的構造函數（_form：Form， config：config，elementRef：ElementRef，renderer：Renderer，_item：Item，_pickerCtrl：PickerController）; _click（ev：UIEvent）：void; _keyup（）：void; /** * @private */ open（）：void;'它似乎是開放的是私有的，您可以嘗試使用_keyup（）方法。 –

這裏是完整的文件https://gist.github.com/tieppt/195531a0a7acdf14a23136b6bb68a539 –

使用Javascript顯示離子日期時間

回答

相關問題