el-date-picker选择时间后就触发事件
时间: 2023-09-13 16:11:28 浏览: 1138
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
在el-date-picker中选择时间后,可以通过v-model绑定值来监听选择的时间,也可以通过@change事件来触发选择时间后的操作。
例如:
```html
<template>
<el-date-picker
v-model="date"
type="datetime"
@change="handleDateChange"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ''
}
},
methods: {
handleDateChange() {
console.log('选择的时间为:', this.date)
// 这里可以进行其他操作
}
}
}
</script>
```
在这个例子中,当选择时间后,会触发handleDateChange方法,并打印出选择的时间。你可以在这个方法中进行其他操作,比如将选择的时间保存到数据库中。
阅读全文