CodePen|CodePen Home element-plus Date Picker 日期选择器 default-value设置默认值

聊聊 近来学用vue3+element-plus,发现Date Picker 日期选择器 default-value设置默认值不起作用,记录下来
官网文档给出的示例默认值都没显示,有图为证:
CodePen|CodePen Home element-plus Date Picker 日期选择器 default-value设置默认值
文章图片

解决办法 将示例代码改为如下:

setup() { const value1 = ref('') const defaultDate = new Date(2010, 9, 1) value1.value = https://www.it610.com/article/defaultDateconst value2 = ref('')const defaultDateRange = [new Date(2010, 9, 1), new Date(2010, 10, 1)] value2.value = https://www.it610.com/article/defaultDateRangereturn { value1, value2, defaultDate, defaultDateRange } },

效果演示 CodePen Home element-plus Date Picker 日期选择器 default-value设置默认值
总结 【CodePen|CodePen Home element-plus Date Picker 日期选择器 default-value设置默认值】其实也就是说设置default-value根本不起作用,起作用的是通过给Date Picker绑定的value1.value赋一个默认值defaultDate。
大家都有什么更好的办法吗?欢迎讨论下啊
官方组件是不是还有待改进?

    推荐阅读