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

2 回答

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

  干杯 .

  回复于 2024-04-28T16:03:18+08:00
• 2

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

  首先导入viewchild和日期时间

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

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

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

  然后将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); 来扼杀你的结果

  回复于 2024-04-28T16:03:18+08:00