vue-Datepicker | ​ timers : 日期控件下处理

I am new to Vue.js and trying to create a custom component that uses jQuery formBuilder plugin. When I include the component file inside another component, I am getting an error:

Uncaught ReferenceError: jQuery is not defined in /resources/js/form-builder.min.js

I created a custom component with name formBuilder.vue. Here is the component code:

I using vue2-datepicker. I have range of date:

from: 02-10-2019

to: 07-10-2019

I need disabled all days without this range.

I used method disabled-days but I don't know how I can declare range in this function. I can only disable individual days, for example:

I am attempting to set a range of dates to allow users to pick the date using vue-datepicker, since desktop safari users have problems using input type date. Going thru the documentation of vue-datepicker and looking at the demo it has, I got really confused. Where do I apply the disable data to limit the range of dates on the datepicker dropdown?

I have tried to put the :disabled="disabled" in datepicker, but documentation says it expects a boolean response. Any help is greatly appreciated!

I am using vue-datepicker and it has certain properties like disabled, calendar-button, etc. I want to bind these properties to conditions or a Boolean in my data object.

I tried

But it throws error: expected Boolean, string given

What I am expecting is, if a condition is true then output should be like:

If condition is false,

I know I can use a v-if wrapper (v-if else) around it but I am looking for a v-bind solution like how we use for html attributes.

Thank you.