Как я могу проверить startDate и endDate в jquery с помощью vuejs?

Question

У меня на входах start_date и end_date.Для start_date оно может быть равно текущей дате, но не может превышать текущую дату.Для end_date больше всего будет больше чем start_date.Например, если пользователь выбирает 2019-09-12 в качестве начальной_ даты, конечная_дата больше всего равна или больше 2019-09-12.И я хочу показать предупреждение, если ввод пользователя недействителен.Как я могу сделать это в jquery и VueJS?Вот мои коды ниже.

<div class="input-group date">
    <input type="text" v-model="start_date" class="datepicker form-control form-control-sm" placeholder="From">

    <input type="text" v-model="end_date" class="datepicker2 form-control form-control-sm ml-2" placeholder="To">

    <button @click="searchDistributedReports" class="btn btn-sm bg-primary text-light ml-2">Search</button>
</div>


mounted: function() {
   var args = {

        format: 'YYYY-MM-DD'
    };
    this.$nextTick(function() {
        $('.datepicker').datetimepicker(args)
        $('.datepicker2').datetimepicker(args)
    });

    this.$nextTick(function() {
      $('.time-picker').datetimepicker({
        format: 'LT'
       })
    });  
},

$('.datepicker').on('dp.change', function(event) {
  if (event.date) {
   var date = event.date.format('YYYY-MM-DD');
   console.log(date);
   Vue.set(vm, 'start_date', date);
  }
});

$('.datepicker2').on('dp.change', function(event) {
  if (event.date) {
   var date = event.date.format('YYYY-MM-DD');
   console.log(date);
   Vue.set(vm, 'end_date', date);
 }
});