el-date-picker设置默认值当天
时间: 2023-08-21 14:04:08 浏览: 97
要设置el-date-picker的默认值为当天日期,可以使用js中的Date对象来获取当前的年、月、日,并将其拼接成需要的格式。根据引用中的代码示例,可以将以下代码添加到mounted方法中:
```javascript
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 ]
阅读全文