vant DatetimePicker 踩坑筆記

vant是有贊出的一個基於vue的組件庫。
最近要作一個滾動選擇日期的日曆找到了它，感受文檔不夠細緻，缺乏足夠的demo代碼。
如下是個人踩坑之處：

Events事件的綁定
*事件名 說明 回調參數 用法
change 當值變化時觸發的事件 picker 實例 @change="changeXX"
confirm 點擊完成按鈕時觸發的事件 當前 value @confirm="confirmXX"
cancel 點擊取消按鈕時觸發的事件 - @cancel="cancelXX"*

change事件的注意事項
在change事件中，能夠獲取到picker實例，對picker進行相應的更新等操做：
*函數 說明
getColumnValue(index) 獲取對應列中選中的值
setColumnValue(index, value) 設置對應列中選中的值
getColumnValues(index) 獲取對應列中全部的備選值
setColumnValues(index, values) 設置對應列中全部的備選值
getValues() 獲取全部列中被選中的值，返回一個數組
setValues(values) values爲一個數組，設置全部列中被選中的值*

其中setColumnValue(index, value)和setColumnValues(index, values)必須一塊兒使用。
一開始我只使用了setColumnValue設置選中值，結果發現當前選項內容改了可是其它選項所有消失，因此還得加上setColumnValues從新設置一遍被選值。
ps:change(picker){console.log(picker)}可查看實例詳細信息。