Ionic2两个离子日期时间彼此相邻

Question

所以，我有一个包含离子含量的页面，其中包含一个离子列表。

离子列表包含离子项。这是输入，标签等元素的容器。

我做了一个（非常丑陋的）图像，代表了我想要完成的事情。

  

这是用于将2个标签彼此相邻的代码，如上图所示（蓝色部分）。

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

  

现在我想让彼此相邻的2个ion-datetime元素，所以我尝试了这个。

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

结果就是这样。

对于此示例，没有代码提供要在ion-datetime元素中显示的数据，但在我的项目中有。

有谁知道我怎么能让它发挥作用？

  

以下是如何使其正常工作的示例。我们认为这是一个错误，所以我在这里报告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>

虽然我不确定这是否是您应用上下文中的有效选项。