Ionic2 dva ióny-datetime vedľa seba - uhlové, typové, iónové2, iónové3

Takže, mám stránku, ktorá obsahuje iónový obsah a obsahuje iontový zoznam.

Iónový zoznam obsahuje iónové položky. Ide o kontajner pre prvky ako vstup, štítok atď.

Urobil som (veľmi škaredý) obraz, ktorý predstavuje to, čo chcem dosiahnuť.

Jedná sa o kód, ktorý funguje tak, aby sa obidve označenia vedľa seba, ako je obrázok vyššie (modré časti).

  <ion-item>
<ion-label>Label 1</ion-label>
<ion-label>Label 2</ion-label>
</ion-item>

Teraz chcem získať dva elementy ion-datetime vedľa seba, a tak som to skúsil.

  <ion-item>
<ion-datetime></ion-datetime>
<ion-datetime></ion-datetime>
</ion-item>

Toto je výsledok.

V tomto príklade neexistuje žiadny kód na poskytnutie údajov, ktoré by sa zobrazovali v prvkoch ion-datetime, ale v mojom projekte existuje.

Vie niekto, ako to môžem dostať do práce?

Nižšie je uvedený príklad, ako to fungovať. Mysleli sme si, že je to chyba, takže som o tom informoval https://github.com/driftyco/ionic/issues/9818.

odpovede:

Môžeš použiť ion-row a ion-col prvky na dosiahnutie tohto rozloženia (alebo aspoň niečo podobné):

  <ion-list>
<ion-row>
<ion-col>
<ion-item>
<ion-label>Label 1</ion-label>
</ion-item>
</ion-col>
<ion-col>
<ion-item>
<ion-label>Label 2</ion-label>
</ion-item>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-item>
<ion-datetime [(ngModel)]="startDate"></ion-datetime>
</ion-item>
</ion-col>
<ion-col>
<ion-item>
<ion-datetime [(ngModel)]="endDate"></ion-datetime>
</ion-item>
</ion-col>
</ion-row>
</ion-list>

Aj keď si nie som istý, či je to v kontexte vašej aplikácie platná možnosť.