假設我們在項目中需要用到WdatePicker以及angularjs，并有如下的代碼：

<div> <div class="h4">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly"  onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})" style="width: 400px; cursor: pointer;" /> </div>

這樣的代碼，問題就在于，當你需要進行提交的時候，你會發現$scope.text.ddd是沒有值的。

解決方案是加一個onChange=""，代碼變為如下：

<div> <div class="h4">ddd{{text.bbb}}</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly" onChange="" onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})" style="width: 400px; cursor: pointer;" /> </div>

是的，只要加入這個就可以了。當然，你可能會注意到還有一些變動的是，ddd{{text.bbb}}，我之所以這樣寫是為了解決一個疑惑的。這個疑惑就是，你加上onChange=""之后，哪怕你選擇了日期，但是{{text.bbb}}也是取不出值來的，而且你輸出一下$scope.text.ddd也還是undefined的，這個時候你可能會以為onChange=""無效。但是，其實不是這樣的，當你提交數據時，你會發現它的確是被提交了的。

以上這篇解決angularjs WdatePicker ng-model的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。