el-date-picker 默认显示昨天

最新推荐文章于 2024-08-27 10:08:44 发布

原创最新推荐文章于 2024-08-27 10:08:44 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

笔记专栏收录该内容

53 篇文章

订阅专栏

文章讲述了在Vue.js应用中如何使用el-date-picker组件来创建一个日期选择器，并通过JavaScript的Date对象设置默认日期为当前日期的前一天。方法包括修改v-model绑定的值，并用toLocaleDateString转换日期格式，替换日期分隔符。

 <el-date-picker
      v-model="selectedDate"
      type="date"
      value-format="yyyy-MM-dd"
      size="mini"
  ></el-date-picker>

mounted () {
    this.getData()
}

 methods: {
      getData () {
        const d1 = new Date()
        d1.setTime(d1.getTime() - 3600 * 1000 * 24)
        this.selectedDate = d1.toLocaleDateString().replace(/\//g,'-')
      }
}