el-date-picker获取选中日期
时间: 2023-11-08 19:03:34 浏览: 185
ExcelDatePicker 日期选择器
3星 · 编辑精心推荐
el-date-picker是Element UI中的一个日期选择器组件。要获取选中日期,可以通过v-model绑定一个data属性来实现。
首先,在data中定义一个属性来保存选中的日期,例如selectedDate:
```javascript
data() {
return {
selectedDate: ''
}
},
```
然后,在el-date-picker组件中使用v-model将选中的日期与selectedDate进行双向绑定:
```html
<el-date-picker v-model="selectedDate"></el-date-picker>
```
此时,selectedDate的值即为选中的日期。
现在,您可以在组件的方法中访问selectedDate来获取选中的日期。例如,您可以在点击按钮时打印出选中的日期:
```html
<el-button @click="getSelectedDate">获取选中日期</el-button>
```
```javascript
methods: {
getSelectedDate() {
console.log(this.selectedDate);
}
}
```
阅读全文