The [Bug Report] DatePicker component displays the corresponding type component by changing the type type, and clicks DatePicker, where the panel displays the exception

[x-fox]

Element UI version

1.3.3

OS/Browsers version

win 7 / chrome 56.0.2924.76

Vue version

2.3.3

Reproduction Link

https://jsfiddle.net/hgxt68te/

Steps to reproduce

1、点击周按钮，切换周类型DatePicker，点击日期组件，下拉面板显示异常，边框塌陷
2、再次点击周按钮，再点击日期组件，下拉面板恢复正常显示
3、点击日按钮，切换回日类型DatePicker，点击日期组件，下拉面板同样异常，边框塌陷
4、再次点击日按钮，再点击日期组件，下拉面板恢复正常显示

What is Expected?

通过外部改变组件type类型和v-if渲染组件时，点击下拉面板显示正常。

What is actually happening?

通过外部改变组件type类型和v-if渲染组件时，点击下拉面板显示异常，边框塌陷。

[element-bot]

Translation of this issue:

Element UI version

1.3.3

OS/Browsers version

Win 7 / Chrome 56.0.2924.76

Vue version

2.3.3

Reproduction Link

https://jsfiddle.net/hgxt68te/

Steps to reproduce

1, click the week button, switch the week type DatePicker, click the date component, the drop-down panel shows the exception, and the border collapses

2, click the weekly button again, and then click the date component, and the drop down panel returns to normal display
3, click the day button, switch back to the day type DatePicker, click the date component, the drop-down panel is equally abnormal, the border collapsed

4, click the day button again, and then click the date component, and the drop down panel returns to normal display

What is Expected?

When you change components, type types, and V-IF rendering components by external changes, click the drop-down panel to display normal.

What is actually happening?

When you change components, type types, and V-IF rendering components by external changes, click the drop-down panel to display the exception, and the border collapses.

[Leopoldthecoder]

https://jsfiddle.net/hgxt68te/1/

[AlexStacker]

是使用方式不对吗？这是什么原因？
必须要使用2个日期控件通过显示、隐藏的方式解决？

[wacky6]

新版本好像修复了

[cuijiudai]

新版本好像没修复

[Shu-Ji]

2019 新版本没修复。
通过两个控制，我的v-model是共用的，一个是接受单数格式""，一个是数组格式:["", ""]，手动控制太麻烦了，这个date-picker就不能有一个:destroy-on-close="true"的设置吗？