el-date-picker 日期默认为当天

你可以通过设置`value`属性来将`el-date-picker`日期默认设置为当天。你需要使用JavaScript获取当前日期，并将其赋值给`value`属性。以下是一个示例代码：

<template>
  <el-date-picker
    v-model="selectedDate"
    type="date"
    :value="today"
    placeholder="选择日期"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '',
      today: new Date().toISOString().substr(0, 10), // 获取当前日期并格式化为YYYY-MM-DD
    };
  },
};
</script>

在上面的示例中，我们使用了`selectedDate`来绑定选择的日期，而`today`属性则用于设置默认值。`today`属性使用了`new Date().toISOString().substr(0, 10)`来获取当前日期并格式化为YYYY-MM-DD的格式。这样就可以将默认日期设置为当天了。

相关问题

el-date-picker的默认日期为当天

可以通过设置el-date-picker的v-model绑定的值为当前日期来实现默认日期为当天。具体代码如下：

<el-date-picker v-model="date" type="date" :default-value="new Date()"></el-date-picker>

其中，date为绑定的日期值，type为日期选择器的类型，defaultValue为默认值，这里设置为new Date()即为当前日期。

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组件的默认日期就会被设置为当天的日期。