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]
  	        this.endDate = this.range[1]
  	        this.getDatas()
  	    }, 500)
        }  
    }
</script>

datetime_picker對於range元素的修改作了一個100ms的異步延時，所以在回調中如果立馬就去使用range，這個時候range其實還沒有被改變，會得到錯誤的結果。所以在回調中必須要自己加一個異步延時，延時之后再去使用range，保證使用時range已經被改變，從而得到正確的結果。