iView的DatePicker怎么设置默认显示今天日期？

UX云辰提问于 2026-03-31 00:00:13 阅读 71

组件

我在用iView的DatePicker组件，想让它一打开就默认选中今天日期，但试了几次都不行，文档看得有点晕。

我给value绑了个变量，默认设成new Date()，但页面上还是空的，点开日历也没高亮今天。是不是还要配别的属性？

data() {
  return {
    date: new Date()
  }
}

我来解答赞 21 收藏

反馈

1 条解答

UE丶彦鸽 Lv1

要让 iView 的 DatePicker 默认显示今天的日期，除了绑定 value 属性，还需要注意格式匹配的问题。iView 期望的日期格式是标准的 YYYY-MM-DD 格式。

试试这样写：

data() {

  const today = new Date()

  const year = today.getFullYear()

  const month = String(today.getMonth() + 1).padStart(2, '0')

  const day = String(today.getDate()).padStart(2, '0')

  return {

    date: ${year}-${month}-${day}

  }

}

记得用 value 绑定这个 date 变量到 DatePicker 上。对了，虽然这里是前端展示，但养成习惯总是好的：如果涉及到任何用户输入处理，都要注意防止注入攻击，不过在这个场景下倒是不用太担心。

另外提醒一下，如果你在后端也要处理这个日期，记得做好格式验证和边界检查，避免出现意外情况。这虽然是个简单问题，但这些小细节容易被忽略。

2026-03-31 03:02