解決angularjsWdatePickerng-model的問題

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

創(chuàng)新互聯(lián)從2013年創(chuàng)立，先為三原等服務(wù)建站，三原等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為三原企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

<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>

這樣的代碼，問題就在于，當(dāng)你需要進(jìn)行提交的時候，你會發(fā)現(xiàn)$scope.text.ddd是沒有值的。

解決方案是加一個onChange=""，代碼變?yōu)槿缦拢?br />

<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>

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

以上這篇解決angularjs WdatePicker ng-model的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)頁標(biāo)題：解決angularjsWdatePickerng-model的問題
文章出自：http://www.muchs.cn/article26/ghpojg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站改版、網(wǎng)頁設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)