u-datetime-picker

<u-datetime-picker :show="showTime" v-model="dataList.expireDate" mode="date" @cancel="closePicker"
 @confirm="confirmPickerOne" :formatter="formatter"></u-datetime-picker>

使用时遇到的缺陷

1.minDate:设置最小值、使用时间戳。如果页面上有两个时间选择的组件,其中有一个限制最小值、但是必须两个都设置最小值、要不然没设置最小值的那个回显会有问题、默认的最小值就是10年前

2.v-model绑定的问题,@confirm获取到的是时间戳,你需要在事件里自己转换

const timeFormat = uni.$u.timeFormat                    【这个算法非常重要在uniapp里用别的转换或多或少都有点问题!!!】
let newDate1 = timeFormat(e.value, 'yyyy-mm-dd')

但是如果你转换了v-mode绑定的值,它显示的还是时间戳,就是绑定的和显示的不能是一个字段,可以绑定一个不需要的字段来进行转换操作,然后显示的是真正需要传的的值

const timeFormat = uni.$u.timeFormat
let newDate1 = timeFormat(e.value, 'yyyy-mm-dd')
this.dataList.checkinDate = newDate1
this.checkinDateNew = newDate1

相当于一个值要赋值两遍

posted @ 2024-04-25 13:23  prince11  阅读(650)  评论(0编辑  收藏  举报