javascript - vuejs MaterializeCSS timepicker 没有获取值

Question

如何在Vuejs中使用materializecss Timepicker获取时间值

Meterilize css Time Picker Jsfiddle LInk

它在 jsfiddle 中给了我值(value)，但是当我在我的 vuejs 项目中这样做时它不起作用..

Vue.js 代码:

  <v-text-field
    name="start-time"
    id="edit_start-time"
    class="timepicker"
   ></v-text-field>



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);
        });

    },

NB:我的 fiddle 工作正常，如果你检查控制台，它会给我值(value)，但相同的代码在 Vue.js 中不起作用 在 Vuejs 中项目我的问题..我想获得像 jsfiddle 这样的值(value)

Answer 1

请使用

v-model.lazy="deliverySchedule"

为我工作!!!