【问题标题】:ionic 6 datepicker as popup as it used to be?ionic 6 datepicker 像以前一样弹出?
【发布时间】:2022-07-11 09:52:41
【问题描述】:

我刚刚更新到 ionic 6,并注意到日期选择器作为完整的日历位于页面内,它曾经在屏幕底部弹出。

我不知道如何让它恢复到以前的工作方式,这里是代码(自从更新到 ionic 6 后就没有改变):

<ion-datetime formControlName="dob" class="input" placeholder="Select date of birth..."></ion-datetime>

【问题讨论】:

  • youtube.com/watch?v=iq_XIPml9_M 观看此视频。跳过 12 分钟。
  • @NajamUsSaqib 谢谢,但这不是我的意思。它曾经像原生日期选择器一样从手机底部弹出,现在它是这个可怕的日历。
  • 是的,我知道,现在 ionic 更新了他们的 Datetime 体验。您还必须改变您的应用程序体验。否则你应该降级到 v5+。否则,我会建议您现在使用日期时间模态,如视频教程中所述。

标签: ionic-framework


【解决方案1】:

使用 ion-popover 还是可以的。

例如。

                    <ion-item>
                        <ion-label position="stacked">Date of birth</ion-label>
                        <ion-input value="{{ user.birthDate | date: 'dd MMM yyyy' }}" id="date"></ion-input>
                        <ion-popover trigger="date" >
                            <ng-template>
                                <ion-datetime presentation="date" [(ngModel)]="user.birthDate" locale="en-US"></ion-datetime>
                            </ng-template>
                        </ion-popover>
                    </ion-item>

感谢在此处发布解决方案的 Damir Arh:https://www.damirscorner.com/blog/posts/20220107-DatePickerPopupInIonic6.html

【讨论】:

    猜你喜欢
    • 2014-01-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多