在 Ionic2 中从离子选择模式自动打开日期时间组件

Question

在 Ionic 2 中，有没有办法在事件后自动打开日期时间组件，例如在离子选择模式中按下确定按钮？

因此，它将直接从按确定到在日期时间组件上选择/拉起时间。

我还没有找到直接做到这一点的解决方案。

Answer 1

我们来了

在您的模板上：

<ion-datetime #dateTime style="display:none" displayFormat="h:mm A" pickerFormat="h mm A" [(ngModel)]="startTime"></ion-datetime>
<button (click)="openStart()"></button>

然后在您的代码中

首先创建对 DateTime 控件的引用：

 @ViewChild('dateTime') sTime;

然后添加事件代码：

 openStart()
    {
        this.sTime.open();
    }

干杯。

Answer 2

这

有点晚了，但这里有一个完整的答案

第一次导入视图子项和日期时间，如下所示

import { ViewChild} from '@angular/core';
import {DateTime } from 'ionic-angular';

然后将这些属性添加到您的

mydate :any;
@ViewChild(DateTime) datePicker:DateTime;

然后将日期时间组件添加到视图中

  <ion-item [hidden]="true">
    <ion-label>Date</ion-label>
    <ion-datetime displayFormat="DD/MM/YYYY  h:mm a" [(ngModel)]="mydate"></ion-datetime>
  </ion-item>

您现在可以在日期选择器上调用打开

  this.datePicker.open();

还console.log(this.mydate);来检查您的结果