title: Vue.js Field not set
body: <p>I am using Vue for a date picker.</p>
  <p>I can see the date, can click on it and select it, however when I try to retrieve the date, using the method <code>getDate</code> it is always <code>null</code>.</p>
  <p>The code is here if anyone can help that would be great:</p>
  <pre><code>var overviewVue;
  
  function initOverviewVue(model) {
  
  
      overviewVue = new Vue({
          el: '#overviewVue',
          data: {
              OverviewModel: model,
              repeatSchedule: [],
              startDate: ''
          },
          
         
          methods: {
              setOverviewDatePickers: function (target) {
                  var $target = $(target);
  
                  $target.daterangepicker({
                      autoUpdateInput: false,
                      locale: {
                          format: 'DD/M hh:mm',
                          cancelLabel: 'Clear'
                      },
                      timePicker24Hour: true,
                      timePicker: true,
                      singleDatePicker: true,
                      showDropdowns: true
                  }, function (chosen_date) {
                      this.startDate = chosen_date.format('DD/MM/YYYY HH:mm');
                      $target.val(this.startDate);
                  });
              },
              getDate: function () {
                  return this.startDate;
              }
          }
      });
  }
  </code></pre>