Question

我知道这是一个非常简单的问题。但是自date-picker文档以来目前尚不清楚如何在html中实现这一点我问这个问题。

somePage.ts code

var changeTime = this.datePicker.show({
  date: new Date(),
  mode: 'time',
}).then(
  date => console.log('Got date: ', date),
  err => console.log('Error occurred while getting date: ', err)
);

Html代码

<ion-input [(ngModel)]="changeTime" name="changeTime"></ion-input>

期望：更改时间的下拉菜单（HH：MM），适用于桌面用途图。

Answer 1

native datepicker适用于cordova插件，因此仅在安装插件cordova-plugin-datepicker并在移动操作系统中启动应用后才能正常工作。

如果您想使用html的datepicker并使用浏览器，并且所有平台都使用the datepicker component

<ion-item>
  <ion-label>Date</ion-label>
  <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="myDate"></ion-datetime>
</ion-item>

如何在离子3中使用日期选择器插件

1 个答案: