Vant-UI移動端時間選擇框

使用Vant input框時有時需要調用時間選擇，時間選擇框要結合彈出層使用

<div class="van-cell van-field">
                <span class="van-cell__title van-field__label righ">到期日：</span>
                <div class="van-cell__value"><!--輸入框-->
                    <input type="text" class="van-field__control" readonly="readonly" @click="dete()" placeholder="請選擇到期日" v-model="duedate"/>
                </div>
                <van-popup v-model="show" position='bottom'><!--彈出層-->
                    <van-datetime-picker
                        @confirm="confirm"
                        @cancel="cancel"
                          v-model="currentDate"
                          type="date"
                    />
                </van-popup>
            </div>

需要注意的是，使用自定義彈出層會觸發手機自帶的軟鍵盤，可以加上 readonly="readonly"阻止軟鍵盤

 readonly="readonly"