Как в Vue реагировать на изменение в value сделанные через jQuery?

Question

[Владимир Голубь]

Есть поле с datetimepicker (плагин jQuery). После использования его в поле появляется значение даты, но watch (Vue) на него не реагирует.
Создал скрытое поле в которое заношу значение в атрибут value через jQuery. Опять watch не реагирует.

<input class="form-control form-control-sm datetimepicker" id="selectDateStart" value="" type="text" aria-describedby="selectDate"/>
<div class="input-group-append"><span class="input-group-text"><i class="far fa-calendar-alt"></i></span></div>
<input type="hidden" id="dateStart" v-model="filterParam.dateStart">

$('.datetimepicker').datetimepicker({
              format: 'dd.mm.yyyy hh:ii:ss',
              autoclose:true,
              language: 'ru'
          })
          .on('changeDate', function(ev) {
              var value = $("#selectDateStart").val();
              $("#dateStart").attr("value", value)
          });

Как быть в данной ситуации ?

Comments

[Владимир Голубь]

При вводе руками, все ок.

Answer 1

[lemme]

Нужно диспатчить ивент...

jsfiddle.net/yzL80jpx

Answer 2

[eRKa]

Не проверял в коде, но можно попробовать как то так

dateTime: DateTime = new DateTime();

mounted(){
	const self = this;
	this.nextTick(function(){
		$('.datetimepicker').datetimepicker({
            format: 'dd.mm.yyyy hh:ii:ss',
            autoclose:true,
            language: 'ru'
        })
        .on('changeDate', function(ev) {
            var value = $("#selectDateStart").val();
            self.dateTime = value;
        });
	})
}

@Watch("dateTime")
onDateTime(){
	// ...
}