angular - Ionic2两个 ionic 日期时间彼此相邻

所以，我有一个包含离子内容的页面，这个页面包含离子列表。
离子列表包含离子项。这是一个用于输入、标签等元素的容器。
我做了一个（非常丑陋）的形象，代表了我想要完成的事情。

这是一个代码，可以让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>

这就是结果。

对于这个例子，没有代码来提供在DealDATECTIME元素中显示的数据，但是在我的项目中有。
有人知道我怎样才能让它工作吗？
下面是一个如何让它工作的例子。我们认为这是个错误，所以我在这里报告了。

最佳答案

您可以使用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>

尽管我不确定这在你的应用程序上下文中是否有效。