Vue2-datepicker: How to close the datepicker after selecting date range?

Created on 3 Sep 2019  路  4Comments  路  Source: mengxiong10/vue2-datepicker

I have tried change-calendar and panel-change events, it wasn't working. Please help me with it.

picture ajithsimon

Most helpful comment

You can watch the value then close the popup when it is changed.

<date-picker v-model="value" ref="datepicker" range ></date-picker>

watch: {
   value (newDate, oldDate) {
        this.$refs.datepicker.closePopup()
   }
}
picture mengxiong10 on 4 Sep 2019
👍2 🚀1

All 4 comments

you can using
this.$refs.datepicker.closePopup();
to close it.

HuanVo picture HuanVo on 3 Sep 2019

tried it, not working with date range picker.

ajithsimon picture ajithsimon on 3 Sep 2019

You can watch the value then close the popup when it is changed.

<date-picker v-model="value" ref="datepicker" range ></date-picker>

watch: {
   value (newDate, oldDate) {
        this.$refs.datepicker.closePopup()
   }
}
mengxiong10 picture mengxiong10 on 4 Sep 2019
👍2 🚀1

Thank you so much @mengxiong10 .

ajithsimon picture ajithsimon on 4 Sep 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

colq2 picture colq2  路  4Comments
mhdyahiya picture mhdyahiya  路  5Comments
DragosPeta picture DragosPeta  路  3Comments
srv91 picture srv91  路  6Comments
vdkrasny picture vdkrasny  路  4Comments