vue ts 绑定时间控件的时候,如果引用了外面的 时间控件,给文本框赋值的时候,只要修改了其他model绑定的值,时间控件绑定的input就会重新初始化。
为了解决这个问题,引用以前的思想来解决问题。
<div class="col-md-8"> <div class="input-group date form_datetime"> <input type="text" class="form-control" id="promise" datatime="true" onclick="new WdatePicker({ startDate: '%y-%M-%d 00:00:00', dateFmt: 'yyyy-MM-dd HH:mm:ss' });" /> </div> </div>
通过jquery的方式批量绑定value
//绑定时间 $("input[datatime=true]").each((i, item) => { var elId = $(item).attr("id"); $(item).val( this.info[elId] ); });
保存的时候 再次通过属性的循环方式来赋值
//绑定时间 $("input[datatime=true]").each((i, item) => { var elId = $(item).attr("id"); this.info[elId] = $(item).val(); });
这样就可以解决这个问题。