在台式机/核心上时如何获取离子输入类型日期以打开日历

时间:2018-09-05 17:40:23

标签: angular date ionic-framework input ionic3

我有一个ionic3 / angular应用程序,也可以在台式机/核心上使用。我有典型的...

<ion-item>
    <ion-label></ion-label>
    <ion-datetime *ngIf="!platform.is('core')"></ion-datetime> //this line works just fine
    <ion-input type="date" *ngIf="platform.is('core')"></ion-input>
</ion-item>

供用户输入日期(出生日期,注册日期等)。我的问题是离子输入似乎不支持类型“日期”。它似乎默认为某种文本输入。像上面那样进行设置DOES使我可以手动编辑日/月/年输入,并使用右侧的向上/向下箭头主组来调整输入,但是并不能将日历作为典型的html输入类型日期似乎可以。

这是我到目前为止尝试过的所有替代品/东西...

  • ion-input type =“ date”(由于上述原因无效)
  • ion-datetime元素(我宁愿使用桌面视图的弹出日历,也不愿使用移动设备上的scrollodex)
  • 离子本机日期选择器(显然在Cordova之外不起作用)
  • input type =“ date”(甚至没有注册为离子项目内部的可点击输入)

所以从本质上来说,我的问题是我有一个离子应用程序,该应用程序正在运行带有ion-datetime元素的跨平台(对于任何BUT桌面都完美运行),但是如果用户是,则无法在某种输入上打开日历在其桌面上运行该应用程序。希望这是有道理的。我遇到了很多其他的堆栈问题,这些问题看起来很相似,但并不是我的特殊困境。感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

ion-datetime不支持日历。我建议您使用平台服务和ngIf您选择的日历是否基于移动设备。