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(); });
這樣就可以解決這個問題。