微信小程序 picker如何提前请选择日期
时间: 2023-08-22 14:08:58 浏览: 108
你可以在 `picker` 中设置 `start` 和 `end` 属性来限制可以选择的日期范围。例如,如果你想让用户选择从今天开始的未来七天内的日期,可以这样写代码:
```html
<picker mode="date" start="{{nowDate}}" end="{{sevenDaysLater}}" bindchange="onDateChange">
<view>请选择日期</view>
</picker>
```
在对应的 `.js` 文件中,需要定义 `nowDate` 和 `sevenDaysLater` 变量来设置日期范围:
```javascript
Page({
data: {
nowDate: '',
sevenDaysLater: ''
},
onLoad() {
const now = new Date()
const nowYear = now.getFullYear()
const nowMonth = now.getMonth() + 1
const nowDay = now.getDate()
const sevenDaysLater = new Date(nowYear, nowMonth - 1, nowDay + 7)
this.setData({
nowDate: `${nowYear}-${nowMonth}-${nowDay}`,
sevenDaysLater: `${sevenDaysLater.getFullYear()}-${sevenDaysLater.getMonth() + 1}-${sevenDaysLater.getDate()}`
})
},
onDateChange(event) {
console.log(event.detail.value)
}
})
```
这里的 `onLoad` 函数用于初始化 `nowDate` 和 `sevenDaysLater` 变量,然后在 `setData` 中将其赋值。在 `onDateChange` 函数中,可以获取用户选择的日期值。
阅读全文