聊聊

近来学用 vue3+element-plus，发现 Date Picker 日期选择器 default-value 设置默认值不起作用，记录下来

官网文档给出的示例默认值都没显示，有图为证：

解决办法

将示例代码改为如下：

  setup() {const value1 = ref('')
  const defaultDate = new Date(2010, 9, 1)
  value1.value = defaultDate
  
  const value2 = ref('')
  
  const defaultDateRange = [new Date(2010, 9, 1), new Date(2010, 10, 1)]
  value2.value = defaultDateRange

  return {
    value1,
    value2,
    defaultDate,
    defaultDateRange
  }
},

成果演示

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

总结

其实也就是说设置 default-value 基本不起作用，起作用的是通过给 Date Picker 绑定的 value1.value 赋一个默认值 defaultDate。
大家都有什么更好的方法吗？欢送探讨下啊
官网组件是不是还有待改良？