uniapp中uni_datetime-picker存在的坑
uni_datetime_picker的问题
uni_datetime_picker是官⽅插件市场上的⼀个⽇期时间选择器，但是在使⽤的时候会有⼀些问题
1、⽇期选择需要点两次的问题
在template中正常使⽤datetime_picker
<uni-datetime-picker v-model="range" type="daterange" rangeSeparator="⾄" @change="onDateChange" />
在页⾯中会出现⼀个⽇期选择器，但是在使⽤的时候发现，点开选择器后选择开始⽇期时需要点击两次。这个是bug，但是官⽅还没有修复，暂时也没有到避开的⽅法。
2、确定回调的延时问题
在script中实现确定的回调
<script>
data() {
return {
range: [],
startDate: '',
endDate: ''
}
},
methods: {
onDateChange(e) {
setTimeout(() => {
this.startDate = this.range[0]
}, 500)
}
flutter uniapp 哪个好}
</script>
datetime_picker对于range元素的修改作了⼀个100ms的异步延时，所以在回调中如果⽴马就去使⽤range，这个时候range其实还没有被改变，会得到错误的结果。所以在回调中必须要⾃⼰加⼀个异步延时，延时之后再去使⽤range，保证使⽤时range已经被改变，从⽽得到正确的结果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。