vue 单个el-date-picker默认日期为当天

在Vue中，可以使用el-date-picker组件来选择日期。要设置默认日期为当天，可以使用v-model指令绑定一个data中的日期变量，并将其初始化为当天的日期。

首先，在data中定义一个日期变量，例如"selectedDate"，并将其初始化为当天的日期。可以使用JavaScript的Date对象来获取当前日期，然后将其格式化为需要的日期字符串。

接下来，在el-date-picker组件上使用v-model指令将其与"selectedDate"进行双向绑定。这样，选择日期时会更新"selectedDate"的值，同时将默认日期设置为当天。

以下是一个示例代码：

<template>
  <div>
    <el-date-picker v-model="selectedDate" type="date"></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '' // 初始化为空字符串
    };
  },
  mounted() {
    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');
    this.selectedDate = `${year}-${month}-${day}`; // 格式化为YYYY-MM-DD
  }
};
</script>

这样，el-date-picker组件的默认日期就会被设置为当天的日期。