关于vue3:CodePen-Home-elementplus-Date-Picker-日期选择器-defaultvalue设置默认值

聊聊

近来学用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。
大家都有什么更好的方法吗?欢送探讨下啊
官网组件是不是还有待改良?

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理