el-date-picker默认时间为当前日期
时间: 2023-11-03 09:54:42 浏览: 91
日期插件默认显示日期为当前日期
您可以通过设置`value`属性来将`el-date-picker`的默认时间设置为当前日期。可以使用JavaScript中的`Date`对象来获取当前日期,然后将其格式化为您需要的日期格式,并将其赋值给`value`属性。
以下是一个示例代码:
```html
<template>
<el-date-picker v-model="selectedDate" type="date" :value="defaultDate"></el-date-picker>
</template>
<script>
export default {
data() {
return {
selectedDate: '', // 选中的日期
defaultDate: '', // 默认日期
};
},
created() {
this.setDefaultDate(); // 初始化默认日期
},
methods: {
setDefaultDate() {
const currentDate = new Date();
const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, '0');
const day = String(currentDate.getDate()).padStart(2, '0');
this.defaultDate = `${year}-${month}-${day}`;
},
},
};
</script>
```
在上面的示例代码中,我们通过`created`钩子函数在组件初始化时调用`setDefaultDate`方法来设置默认日期。`setDefaultDate`方法中,我们使用`new Date()`获取当前日期,并使用`getFullYear`、`getMonth`、`getDate`等方法获取年、月、日。然后使用字符串拼接的方式将其格式化为`YYYY-MM-DD`形式,最终将其赋值给`defaultDate`属性。
这样,`el-date-picker`组件的默认时间就会设置为当前日期了。
阅读全文