Question

Const maxHours = 6
Const minHours = 0
Const minMinutes = 0
Const maxMinutes = 59
Const inc = 1


this.durationPicker = [
  {
    name: 'Hours',
    options: Array(maxHours - minHours + 1).fill(0).map((item, index) => {
        return {
          text: ('00' + (minHours + index)).slice(-2),
          value: ('00' + (minHours + index)).slice(-2),
        }
    })
  },
  {
    name: 'Minutes',
    parentCol: 'Hours',
    options: Array(Math.ceil((maxMinutes - minMinutes) / inc) + 1).fill(0).map((item, index) => {
      return {
        text: ('00' + (minMinutes + index * inc)).slice(-2),
        value: ('00' + (minMinutes + index * inc)).slice(-2),
        parentVal: '00'
      }
   })
  }
]

我在我的应用程序页面中使用ion-multi-Picker，想要创建一个持续时间选择器，最大时数为6小时，最大时数为59分钟。因此，当选择01到05时，我需要得到00到59分钟，而当选择06时，我只需要得到00分钟。我可以发现parentVal用于实现此目的。

如果我将parentVal：'00'赋值，那么我得到的分钟数数组将仅分配给00小时的00到59minutes。我该如何给00、59、00、01、02、03、04、05等00-59分钟？

在我的Angular html页面中也使用了[multiPickerColumns] =“ durationPicker”。我是打字稿和棱角的初学者。

请建议执行此操作的最佳方法。我确实看到了一个相关链接https://github.com/raychenfj/ion-multi-picker/blob/master/example/src/pages/advanced/advanced.ts。但是我不知道该怎么做？任何帮助表示赞赏。谢谢！

如何在离子多重选择器上使用parentVal？

0 个答案: