Problems encountered when using render components in table

{
            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;
                    }
                  }
                })
              ]);
            }
          },

after the component DatePicker, selected by render time in table is bound to on-change, you cannot select the year: month: day, hour: minute: second at one time (for example, after selecting the year, the expanded calendar shrinks up, and then when you select the month, you need to expand again to select it. Is there any way to solve this problem?

Mar.23,2021

I tried it in jsfiddle. It doesn't seem to be a problem. You can consider updating the iview version.
Link description

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e5f6ba-45849.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e5f6ba-45849.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?