vue3 el-date-picker默认当前时间
时间: 2023-10-17 16:30:47 浏览: 259
在Vue 3中,你可以使用`v-model`指令将`el-date-picker`组件绑定到一个变量,并将其初始值设置为当前时间。你可以通过`moment`库来获取当前时间。
首先,确保你已经安装了`moment`库。你可以使用以下命令来安装它:
```bash
npm install moment
```
然后,在你的Vue组件中,导入`moment`库和`el-date-picker`组件:
```javascript
import moment from 'moment';
import { DatePicker } from 'element-ui';
```
接下来,在你的组件中,定义一个变量来存储当前时间,并在`mounted`钩子函数中将其初始化为当前时间:
```javascript
export default {
components: {
DatePicker,
},
data() {
return {
currentDate: moment(),
};
},
mounted() {
this.currentDate = moment();
},
};
```
最后,在模板中使用`el-date-picker`组件,并将其绑定到`currentDate`变量:
```html
<template>
<div>
<el-date-picker v-model="currentDate" type="datetime"></el-date-picker>
</div>
</template>
```
这样,`el-date-picker`组件的初始值就会被设置为当前时间。
阅读全文