table中使用render組件 時(shí)遇到的問題

{
            title: '選擇時(shí)間',
            key: 'time',
            width: 160,
            render: (h, params) => {
              const type = params.row.time;
              const index = params.index;
              return h('div', [
                h('DatePicker', {
                  props: {
                    type: 'datetime',
                    value: type
                  },
                  style: {
                    marginRight: '5px'
                  },
                  on: {
                  //這樣綁定后，只要鼠標(biāo)一點(diǎn)擊，選中一個(gè)時(shí)間點(diǎn)時(shí)，
                  // DatePicker就會立刻收起來，以至于不能一次性把 年：月：日 小時(shí)：分： 
                  //  秒，選好
                    'on-change': (value) => { 
                      this.orderData[index].time = value;
                    }
                  }
                })
              ]);
            }
          },

在table中render時(shí)間選擇的組件DatePicker，綁定on-change后，不能一次性地把年：月：日 小時(shí)：分：秒 選好，（比如選擇完年以后，展開的日歷就收縮起來了，然后選擇月份時(shí)，又需要再一次展開來選擇。。。），請問有什么方法能解決這個(gè)問題？