table中使用render组件 时遇到的问题

Question

{
            title: '选择时间',
            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: {
                  //这样绑定后，只要鼠标一点击，选中一个时间点时，
                  // DatePicker就会立刻收起来，以至于不能一次性把 年：月：日 小时：分： 
                  //  秒，选好
                    'on-change': (value) => { 
                      this.orderData[index].time = value;
                    }
                  }
                })
              ]);
            }
          },

在table中render时间选择的组件DatePicker，绑定on-change后，不能一次性地把年：月：日 小时：分：秒 选好，（比如选择完年以后，展开的日历就收缩起来了，然后选择月份时，又需要再一次展开来选择。。。），请问有什么方法能解决这个问题？

Answer 1

我在 jsfiddle 试了一下，好像并没有这个问题，可以考虑更新下 iview 版本。
链接描述