u-datetime-picker

prince11發表於2024-04-25
<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
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

相當於一個值要賦值兩遍

相關文章