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.
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.
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
Vous devez vous connecter pour publier un commentaire.
Vous utilisez DataPicker de Ionique-Natif. Vous pouvez vous renseigner davantage sur Ionique-Native mais la brève idée est qu'il encapsule tous les différents plugins cordova un utilisateur a besoin pour le rendre plus facile.
Pour DataPicker, si vous regardez dans le code source, c'est à l'aide de ce plugin cordova-plugin-datapicker. (https://github.com/VitaliiBlagodir/cordova-plugin-datepicker)
Sous le README, il y a un tas d'options que vous pouvez sélectionner lors de l'initialisation de votre DataPicker. Le plugin ne répond qu'à défini android thèmes:
Pour plus de détails sur les thèmes, vous pouvez vérifier sur cette question, qui a été ouvert à la DatePicker plugin. (https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/issues/180) Que tous ces thèmes sont basés sur l'API Android, je n'ai pas encore vu toutes les suggestions sur la façon de modifier manuellement les couleurs. Il serait bon de poster votre question dans la page du plugin.