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> 

虽然我不知道如果这是在您的应用程序的情况下的有效选项。