微信小程序 picker 如何提示请选择日期
时间: 2023-08-22 08:09:33 浏览: 100
你可以在 `picker` 中添加一个默认提示内容,当用户没有选择日期时,显示该内容。例如:
```html
<picker mode="date" start="{{nowDate}}" end="{{sevenDaysLater}}" bindchange="onDateChange">
<view>{{dateValue || '请选择日期'}}</view>
</picker>
```
这里的 `dateValue` 是用户选择的日期值,如果用户没有选择日期,则默认显示“请选择日期”。
在对应的 `.js` 文件中,需要在 `onDateChange` 函数中判断用户是否选择了日期,如果选择了则将日期值赋值给 `dateValue`,否则将其设置为 `null`。例如:
```javascript
Page({
data: {
nowDate: '',
sevenDaysLater: '',
dateValue: null
},
onLoad() {
// ...
},
onDateChange(event) {
const value = event.detail.value
if (value) {
this.setData({
dateValue: value
})
} else {
this.setData({
dateValue: null
})
}
}
})
```
这里使用 `event.detail.value` 获取用户选择的日期值,如果该值存在,则将其赋值给 `dateValue`,否则将其设置为 `null`。然后在 `picker` 中根据 `dateValue` 是否存在来显示提示内容。
阅读全文