溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
假設我們在項目中需要用到WdatePicker以及angularjs，并有如下的代碼：
<div>
<div class="h5">ddd</div>
<input class="form-control" type="text" ng-model="text.ddd"
readonly="readonly"
onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})"
/>
</div>
這樣的代碼，問題就在于，當你需要進行提交的時候，你會發現$scope.text.ddd是沒有值的。
解決方案是加一個onChange=""，代碼變為如下：
<div>
<div class="h5">ddd{{text.bbb}}</div>
<input class="form-control" type="text" ng-model="text.ddd"
readonly="readonly" onChange=""
onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})"
/>
</div>
是的，只要加入這個就可以了。當然，你可能會注意到還有一些變動的是，ddd{{text.bbb}}，我之所以這樣寫是為了解決一個疑惑的。這個疑惑就是，你加上onChange=""之后，哪怕你選擇了日期，但是{{text.bbb}}也是取不出值來的，而且你輸出一下$scope.text.ddd也還是undefined的，這個時候你可能會以為onChange=""無效。但是，其實不是這樣的，當你提交數據時，你會發現它的確是被提交了的。
以上這篇解決angularjs WdatePicker ng-model的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
