DatePicker in Vue.js

I'm using Vue.js to make an application, but only the structure. In other words, to assemble the forms, plugins and others, I prefer to do it with Javascript or, failing that, with something already pre-designed with Jquery.

It is the case of DatePicker, but it does not work for me. When I click on the form, I do not get the dates, and I do not have any type of error in the console.

In Vue.js, in the index.html I have placed the cdn bareback for development process:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap- 
     daterangepicker/3.0.3/daterangepicker.min.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/daterangepicker.min.css.map" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/daterangepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/moment.min.js"></script>



 <script type="text/javascript">
 $(document).ready(function() {
 $('.input-daterange').each(function() {
    $(this).datepicker('clearDates');
 });

 });
 </script>

But the input is in a component of Vue.

 <div class="input-group" style="margin-right: 20px">
        <input type="text" class="input-daterange form-control" name="dateFrom" id="dateFrom" value="">
        <span class="fa">a</span>
        <input type="text" class="input-daterange form-control" name="dateTo" id="dateTo" value="">
        </div>

If the Jquery code works for me, and Boostrap does, too, without importing it to the component previously, what can it do that does not work for me?

Thank you!