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已经被改变，从而得到正确的结果。