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
相当于一个值要赋值两遍
本文来自博客园,作者:prince11,转载请注明原文链接:https://www.cnblogs.com/prince11/p/18157518