Javascript 如何捕获事件是vue.js v-calendar
我正在使用vuejs插件,所以我有一个日期范围选择器。这一切都很好,我可以选择日期,但就是这样 我想做的只是注销选定的日期,以便以后我可以将它们存储在数据库、更新表单等中,但我不知道如何实现这一点。我在文档中找不到任何关于如何做到这一点的例子 有人知道如何获取选定日期范围的开始和结束日期吗 这是我到目前为止所拥有的Javascript 如何捕获事件是vue.js v-calendar,javascript,vue.js,datepicker,vcalendar,Javascript,Vue.js,Datepicker,Vcalendar,我正在使用vuejs插件,所以我有一个日期范围选择器。这一切都很好,我可以选择日期,但就是这样 我想做的只是注销选定的日期,以便以后我可以将它们存储在数据库、更新表单等中,但我不知道如何实现这一点。我在文档中找不到任何关于如何做到这一点的例子 有人知道如何获取选定日期范围的开始和结束日期吗 这是我到目前为止所拥有的 <template> <v-date-picker mode='range' v-model='range' is-inline :columns="$scre
<template>
<v-date-picker mode='range' v-model='range' is-inline :columns="$screens({ default: 1, lg: 2 })" />
</template>
<script>
import { DatePicker } from 'v-calendar'
export default {
name: 'Booking',
components: {
DatePicker
},
data() {
return {
range: {
start: new Date(),
end: null
}
}
},
mounted() {
this.$root.$on('input', (value) => {
console.log('dxggdfg');
});
}
}
</script>
从“v-calendar”导入{DatePicker}
导出默认值{
名称:'预订',
组成部分:{
日期选择器
},
数据(){
返回{
范围:{
开始:新日期(),
结束:空
}
}
},
安装的(){
此。$root。$on('input',(值)=>{
console.log('dxggdfg');
});
}
}
添加输入事件
<v-date-picker mode='range' v-model='range' @input="onDateRangeChange" is-inline :columns="$screens({ default: 1, lg: 2 })" />
或者,您可以使用watch
{
...
watch: {
range: {
handler: function () {
console.log(this.range)
},
deep: true
}
},
mounted() {
this.$root.$on('input', (value) => {
console.log('dxggdfg');
});
}
}
对我来说,它与
@input
例如:
然后,在方法中,我只有一个名为“changeDate”的方法。一旦在日期范围内选择了第二个日期,就会调用此函数。谢谢@jozef。手表的建议起了作用,而另一个没有。我以前确实试过用手表,但从来没用过