<template>
<view class="grey">
<view class="brand">
<view class="profitBtn">
<view class="date">
<picker
mode="date"
:value="searchData.DateTime"
start="2022-01-01"
end="2099-01-01"
fields="month"
@change="bindDateChange">
<view class="uni-input">{{ searchData.DateTime }}</view>
</picker>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
const currentDate = this.getDate({
format: true
})
return {
searchData: {
Type: 1,
DateTime: currentDate
},
detailData: {},
}
},
onLoad() {
},
methods: {
bindDateChange(e){
this.searchData.DateTime = e.detail.value;
},
getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
if (type === 'start') {
year = year - 60;
} else if (type === 'end') {
year = year + 2;
}
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
return `${year}-${month}`;
}
}
}
</script>
<style>
</style>
- 发布:2022-10-25 14:57
- 更新:2022-11-17 15:00
- 阅读:572
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: Alpha
HBuilderX版本号: 3.6.8
浏览器平台: Chrome
浏览器版本: 106.0.5249.119(正式版本) (64 位)
项目创建方式: HBuilderX
示例代码:
操作步骤:
选择日期为2023-10-10
选择日期为2023-10-10
预期结果:
返回2023-10-10
返回2023-10-10
实际结果:
无法选择想要的日期
无法选择想要的日期
bug描述:
1.无法正确显示start里设置的值
2.不能选择日期
未复现此问题,用示例代码hello uni-app能出现你的问题吗?不能的话请排查下具体问题,并提供可复现bug的最小化demo(上传附件),让我们及时定位问题,及时修复【bug优先处理规则】https://ask.dcloud.net.cn/article/38139