el-date-picker怎么设置当日的日期

可以使用 `v-model` 绑定一个 Date 类型的变量，然后将其初始化为当前日期即可。示例代码如下：

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

<script>
export default {
  data() {
    return {
      currentDate: new Date()
    }
  }
}
</script>

相关问题

el-date-picker设置默认值当天

要设置el-date-picker的默认值为当天日期，可以使用js中的Date对象来获取当前的年、月、日，并将其拼接成需要的格式。根据引用中的代码示例，可以将以下代码添加到mounted方法中：

mounted () {
  let currentDate = new Date() // 获取当前日期
  let year = currentDate.getFullYear() // 获取年份
  let month = currentDate.getMonth() + 1 // 获取月份（注意月份从0开始，需要加1）
  let day = currentDate.getDate() // 获取日期
  let defaultDate = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}` // 拼接成默认日期的格式

  this.dataTime = [new Date(defaultDate + ' 00:00:00'), new Date(defaultDate + ' 23:59:59')] // 设置el-date-picker的默认值为当天日期范围
  this.filters.orderTimeStart = defaultDate + ' 00:00:00' // 设置查询条件的起始时间
  this.filters.orderTimeEnd = defaultDate + ' 23:59:59' // 设置查询条件的结束时间

  this.findPage(null) // 调用页面查询方法
}

这样就可以设置el-date-picker的默认值为当天日期了。请注意，以上代码是根据引用中的代码示例进行的说明和修改。你可以根据自己的实际情况进行适当的调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-date-picker区间设置默认值（当前月第一天到当天）](https://blog.csdn.net/Tessa_zzl/article/details/89253134)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue el-date-picker 默认日期为当天](https://blog.csdn.net/Yoga99/article/details/131210217)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

el-date-picker 设置默认值为当天日期

你可以使用 `v-model` 绑定属性来设置 `el-date-picker` 的默认值为当天日期。首先，确保你在组件中引入了 `el-date-picker` 组件，然后在 `data` 中定义一个变量来存储日期的值。然后，使用 `v-model` 将该变量绑定到 `el-date-picker` 组件上。例如：

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

<script>
export default {
  data() {
    return {
      selectedDate: new Date() // 设置默认值为当前日期
    };
  }
};
</script>

以上代码将会在页面渲染时将 `el-date-picker` 的默认值设置为当天日期。