ionic-framework - 是否可以在 ionic 4 警报中添加日期选择器

标签 ionic-framework datepicker

我想在弹出窗口中添加一个日期选择器。目前我们有一个带有复选框的警报框。作为一项新功能,我想在复选框下方添加一个日期选择器。

最佳答案

您可以尝试使用此解决方案,

const alert = await this.alertCtrl.create({
      inputs: [
        // input date with min & max
        {
          name: 'name4',
          type: 'date',
          min: '2017-03-01',
          max: '2018-01-12'
        },
        // input date without min nor max
        {
          name: 'name5',
          type: 'date'
        },
      ],
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary',
          handler: () => {
            console.log('Confirm Cancel');
          }
        }, {
          text: 'Ok',
          handler: () => {
            console.log('Confirm Ok');
          }
        }
      ]
    });

    return await alert.present();

enter image description here

欲了解更多信息: https://ionicframework.com/docs/api/alert

否则,您可以轻松创建模式组件并减小其大小以更接近警报对话框的大小。

关于ionic-framework - 是否可以在 ionic 4 警报中添加日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58263495/

相关文章:

ios - 意外的 App Store 拒绝 : Missing Info. NSMotionUsageDescription 和 NSContactsUsageDescription 的 Plist

css - 如何使静态 ionic 列表在 ionic 中可滚动?

android - 如何将我的日期从日期选择器 fragment 发送到另一个 fragment

javascript - Ionic 简单应用程序无法在移动设备上运行

javascript - 模拟 ionic 应用程序时无法使用 http 服务连接到服务器

asp.net-mvc - asp.net mvc HTML5 日期输入类型

javascript - jQuery Datepicker - 根据选择的选项刷新可选择的日期

javascript - 如何通过 jquery datepicker 或 bootstrap datepicker 设置 hijri datepicker?

reactjs - React Js - 清晰的 Material UI Datepicker

javascript - 如何使用 angularJs 在页面中显示数组数据