无法为离子设置日期时间选择器的最小和最大日期
Cant set min and max date of datetime picker for ionic
在我的 ion-datetime 中,我的日期是 select。这些日期是查找下一个可用交货日期的函数提供的日期。
这里我们有获取日期然后设置结果的函数:
let result = getValidDates()
let temp = []
result.forEach(res => {
temp.push(res.getDate())
}
this.min = result[0].toLocaleDateString()
this.max = result.slice(-1)[0].toLocaleDateString()
this.pickupdates = result
然后我们的组件具有 dayValues 属性,这是上述函数的结果:
<ion-datetime
mode='md'
presentation="date"
[showDefaultButtons]="true"
[dayValues] = "pickupdates"
[min] = "min"
[max] = "max"
>
</ion-datetime>
这将为我们提供合适的 select 可用日期。但是那些完全相同的日期是可以在下个月 selected 的相同日期。
我试图通过添加 min 和 max 属性来限制这一点,但这随后中断并引发错误:
“无法解构 'parseDate(...)' 的 属性 'month',因为它未定义。”
和
“类型错误:无法读取未定义的属性(读取 'month')”
在这种情况下,最小值和最大值为:
min = "26/04/2022"
max = "02/05/2022"
但仍然报错
原因是最小日期最大日期应该是 yyyy/mm/dd 或 mm/dd/yyyy 是简短的 min="04/26/2022" 和 max="05/02/2022"
在我的 ion-datetime 中,我的日期是 select。这些日期是查找下一个可用交货日期的函数提供的日期。
这里我们有获取日期然后设置结果的函数:
let result = getValidDates()
let temp = []
result.forEach(res => {
temp.push(res.getDate())
}
this.min = result[0].toLocaleDateString()
this.max = result.slice(-1)[0].toLocaleDateString()
this.pickupdates = result
然后我们的组件具有 dayValues 属性,这是上述函数的结果:
<ion-datetime
mode='md'
presentation="date"
[showDefaultButtons]="true"
[dayValues] = "pickupdates"
[min] = "min"
[max] = "max"
>
</ion-datetime>
这将为我们提供合适的 select 可用日期。但是那些完全相同的日期是可以在下个月 selected 的相同日期。 我试图通过添加 min 和 max 属性来限制这一点,但这随后中断并引发错误: “无法解构 'parseDate(...)' 的 属性 'month',因为它未定义。” 和 “类型错误:无法读取未定义的属性(读取 'month')”
在这种情况下,最小值和最大值为:
min = "26/04/2022"
max = "02/05/2022"
但仍然报错
原因是最小日期最大日期应该是 yyyy/mm/dd 或 mm/dd/yyyy 是简短的 min="04/26/2022" 和 max="05/02/2022"