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

时间:2016-07-07 18:45:23

标签: angular datetime ionic2

在Ionic 2中有一种方法可以在像离子选择模式中按下OK按钮之类的事件后自动打开日期时间组件吗?

所以它会直接从按下确定选择/拉出日期时间组件的时间。

我还没有找到直接执行此操作的解决方案。

2 个答案:

答案 0 :(得分:2)

我们走了

模板上的

<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();
    }

干杯。

答案 1 :(得分:2)

这有点晚了,但这是一个完整的答案

首先导入viewchild和日期时间

@Columbus106from71to23.ShortestLineTo(geography::Point(Column3,Column4,4326)).STStartPoint() as LineFromRouteToPoint

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

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

然后将datetime组件添加到视图

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

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

  <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(); 来查看结果