Comment afficher la Date-picker IONIQUE dans les 2?

Je voulais afficher le DatePicker dès que le chargement de la page.

<DatePicker
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/datePicker"
        android:layout_gravity="center_horizontal|top"
        android:headerBackground="?attr/colorPrimary"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        />

J'ai utilisé Android studio et écrit ci-dessus le code pour obtenir le résultat comme dans l'image ci-dessous.
Comment afficher la Date-picker IONIQUE dans les 2?

J'ai voulu mettre en place la même chose en utilisant ionique 2 et a écrit de code ci-dessous pour obtenir le datepicker.

import {Component} from '@angular/core';
import {DatePicker} from 'ionic-native';
import {Calendar} from 'ionic-native';
import {Platform} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/hello-ionic/hello-ionic.html'
})
export class HelloIonicPage {



constructor(platform: Platform) {
    platform.ready().then(() => {
      let options = {
        date: new Date(),
        mode: 'date'
      }

  DatePicker.show(options).then(
    date => {
      alert('Selected date: ' + date);
    },
    error => {
      alert('Error: ' + error);
    }
  );
});


}
}

Et im obtenir le DatePicker comme dans l'image ci-dessous.
Comment afficher la Date-picker IONIQUE dans les 2?

Maintenant, ma question est de savoir comment obtenir le même DatePicker dans la Première image?

  • Désolé.Je ne pouvais pas réduire la taille de l'image
  • pouvez-vous veuillez donner une plunker pour l'application que vous faites juste la calandre, une partie de l'aide