title: vuejs materializecss timepicker not get value
body: <p><strong>How can I get time value using materializecss Timepicker in Vuejs</strong> </p>
  
  <p><a href="https://jsfiddle.net/5695gq28/4/" rel="nofollow noreferrer">Meterilize css Time Picker Jsfiddle LInk</a></p>
  
  <p>It's give me value in jsfiddle but when I doing it my vuejs project it's not working..</p>
  
  <p><strong>Vue.js Code:</strong> </p>
  
  <pre><code>  &lt;v-text-field
      name="start-time"
      id="edit_start-time"
      class="timepicker"
     &gt;&lt;/v-text-field&gt;
  
  
  
  mounted() {
         $('.timepicker').pickatime({
          default: 'now', // Set default time: 'now', '1:30AM', '16:30'
          fromnow: 0, // set default time to *
          twelvehour: true, // Use AM/PM or 24-hour format
          donetext: 'OK', // text for done-button
          cleartext: 'Clear', // text for clear-button
          canceltext: 'Cancel', // Text for cancel-button
          autoclose: false, // automatic close timepicker
          ampmclickable: true, // make AM PM clickable
          aftershow: function() {} //Function for after opening timepicker
          });
        $('.timepicker').on('change', function() {
           let receivedVal = $(this).val();
            console.log(receivedVal);
          });
  
      },
  </code></pre>
  
  <p><strong>NB:</strong> My fiddle works fine and if you check console it give me value but same code not work in Vue.js Project my Problem in Vuejs.. i want to get value like jsfiddle </p>