Vue2 中 WdatePicker 无法同步修改 属性内容 Vue1正常使用

Question

现因为某些问题 将Vue1升级为Vue2
但在使用过程中发现在Vue2中使用WdatePicker 更改日期后,Vue并没有同步修改所绑定的属性
而在Vue1中是可以正常使用的
不知是否有解决办法

直接选择并确定
(输出Vue属性的地方没有任何显示)

输入一个a 点击控件外
下面是取得Vue中属性的值

输入一个退格

直接选择(修改):注意日期不同

这是控件样式

同时出现的现象还有 输入 退格 特殊符号 字母的时候可以触发修改属性就是数字和直接选择不行
而且这种现象在Vue1 里面也不会出现

不知是否有人 同时使用过 Vue2 和 WdatePicker 日期控件

当前页面非常简单只有测试代码

Answer 1

(1)在input中使用@focus="changeTime()";

<input type="text" id="v-time" v-model="time" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" @focus="changeTime()" />

(2)
methods:{

changeTime: function(){                 
    this.time = $("#v-time").val();               
}

}

Answer 2

wdatepicker不是VUE的组件，通过其它js改变输入框的值是无法自动响应的。你需要在wdatepicker回调用显性的给所绑定的v-model赋值