Ionic2兩個彼此相鄰的離子日期時間

Question

所以，我得到了一個包含離子內容的頁面，它包含一個離子列表。

離子列表包含離子項目。這是一個像輸入，標籤等元素的容器。

我做了一個（非常醜陋的）圖像，代表我想要完成的任務。

這是工作讓彼此相鄰像上面（藍色部分），畫面中的2個標籤的代碼。

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

現在我想彼此相鄰的2離子日期時間元素，所以我嘗試這樣做。

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

這是結果。

在這個例子中，沒有代碼來提供數據離子日期時間元素來展示，但在我的項目有。

有誰知道我可以如何得到這個工作？

下面是一個如何讓它工作的例子。我們認爲這是一個錯誤，所以我在這裏報告它https://github.com/driftyco/ionic/issues/9818。

Answer 1

您可以使用ion-row和ion-col元素，實現該佈局（或類似的東西至少）：

<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> 

雖然我不知道如果這是在您的應用程序的情況下的有效選項。