IVIEW DatePicker 問題

最近在公司的項目中有一個無聊的設計，不知道產品大媽是無聊還是沒事做，讓我在表格中加一個日期選擇器，而且還要判斷數據庫里有沒有該日期，有就直接顯示，沒有的話，就在表格中渲染一個日期選擇器供用戶選擇日期加時間，然后點擊執行可以將該條日期加時間傳到數據庫里。好了，廢話不多說。

{
          title: "Plan-Receiving Time",
          key: "planReceiveTime",
          width: 160,
          render: (h, params) => {
            var timeDesign;
            var me = this;
            if (!params.row.planReceiveTime) {
              return h('Div', [
                h('DatePicker', {
                  props: {
                    type: 'datetime',
                    format: 'yyyy-MM-dd HH:mm',
                    placeholder: 'date',
                    size: 'small',
                    confirm: 'true'
                  },
                  style :{
                    marginLeft: '1px'
                  },
                  on: {
                    'on-change': (val) => {
                      // me.data1[params.index].planReceiveTime
                      //me.data1[params.index].planReceiveTime =val;
                      timeDesign = val;
                      console.log(val);
                    },
                    'on-ok': () => {
                      me.data1[params.index].planReceiveTime =timeDesign;
                      this.open=false;
                    }
                  }
                })
              ])
            }else {
              return h('div',params.row.planReceiveTime)
            }
            }
        }

實現過程中問題：

在Table中渲染一個Datepicker，如果要選擇到小時或者分鍾的程度，直接用on-change方法會出問題，在Datepicker上點擊一個日期或者作出任何change就會收起Datepicker，然后就不能再選擇時間了。

然后，我又嘗試，直接用on-ok方法，這樣做，當我點擊日期或者作出什么改變，Datepicker不會收起來，點擊確認才會收起來，能選到時間，但是on-ok方法不能得到Datepicker的值，只有on-change方法才能得到值。

解決方法：

渲染的時候on-change 、on-ok方法一起使用，具體見代碼