J'essaie de réaliser une fonctionnalité comme indiqué dans l'image en utilisant ionique. Les flèches gauche et droite devraient changer les mois en mois précédent et mois suivant respectivement (avec l'année). Y a-t-il déjà un composant ionique qui a déjà des flèches comme ça? Actuellement, j'essaie d'utiliser la zone de texte et d'obtenir que les flèches s'affichent à l'intérieur en utilisant position: propriété absolue. Existe-t-il un moyen plus efficace de procéder? Est-il possible de changer le mois avec l'année?

enter image description here

 <div class='year'>
        <ion-icon name="ios-arrow-back" (click) ="previousMonth()"></ion-icon>
        <input class='year-text-box' type="text" name="year" value='November 2019'>
        <ion-icon name="ios-arrow-forward" (click) ="nextMonth()"></ion-icon>
  </div>
1
learninginprogress 8 nov. 2019 à 14:21

1 réponse

Ionic prend en charge la grille / ligne / col, donc quelque chose comme ça obtiendrait la disposition que vous recherchez:

<div class='year'>
    <ion-row>
        <ion-col size="1">
            <ion-icon name="ios-arrow-back" (click)="previousMonth()"></ion-icon>
        </ion-col>
        <ion-col size="10">
            <input class='year-text-box' type="text" name="year" value='November 2019'>
        </ion-col>
        <ion-col size="1">
            <ion-icon name="ios-arrow-forward" (click)="nextMonth()"></ion-icon>
        </ion-col>
    </ion-row>
</div>

Voir les documents ici:

-1
rtpHarry 8 nov. 2019 à 14:00