首页 / JAVASCRIPT / javascript-使用Ionic DateTime分两步选择日期和时间

javascript-使用Ionic DateTime分两步选择日期和时间

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用Ionic DateTime分两步选择日期和时间，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含791字，纯文字阅读大概需要2分钟。

内容图文

使用Ionic DateTime分两步选择日期和时间：我想使用Ionic DateTime选择日期和时间.问题是带有pickerFormat =“ DD MMMM YYYY HH：mm”的选择器变得复杂且过于狭窄,因此我想先选择日期,然后再选择时间.关于如何做的任何想法？

解决方法:

您可以随时像这样将它们分开

<ion-item [hidden]="!!myDate">
      <ion-label>Date</ion-label>
      <ion-datetime (ngModelChange)="change(datePicker)" displayFormat="MM/DD/YYYY" [(ngModel)]="myDate"></ion-datetime>
    </ion-item>
    <ion-item [hidden]="!myDate" >
      <ion-label>Time</ion-label>
      <ion-datetime #datePicker
      (ionCancel)="myDate=undefined" displayFormat="HH:mm" [(ngModel)]="myTime"></ion-datetime>
    </ion-item>

    <h1 [hidden]="!myTime">result is {{myDate}} : {{myTime}} </h1>

然后在ts

change(datePicker){    
  datePicker.open();
}

然后连接结果

this.dateTime= this.myDate + ":" + this.myTime;

这是一个DEMO

内容总结

以上是互联网集市为您收集整理的javascript-使用Ionic DateTime分两步选择日期和时间全部内容，希望文章能够帮你解决javascript-使用Ionic DateTime分两步选择日期和时间所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/668036.html

来源：【匿名】