angularjs中使用WdatePicker自定义方法

2017-05-16  本文已影响45人  鱼来鱼往0709

最近开始参与javaweb开发,公司框架用的是angularjs,日历插件用的WdatePicker。有一处需求是根据所选择的开始日和有效年限, 自动得出有效日期结束日。开始日期选择后的时机看似容易,然而谷歌到的结果都是说在onpicked中直接调用,而我在onpicked中无论如何都调用不到js中的方法。历经各种尝试终于发现一种解决办法,大概思路是:在开始日期的WdatePicker中的onpicked方法设置另一输入框获得焦点,在另一输入框的ng-focus中调用js中计算结束日的方法。代码如下:
选择开始日期WdatePicker的代码

<input type="text" ng-model="custVipMsg.SATRT_DATE" class="form-control" name="SATRT_DATE" required placeholder="请选择有效期开始日" onchange="" 
onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd',onpicked:function(){REMARK.focus();},oncleared:function(){}})" />

主要是

onpicked:function(){REMARK.focus();}

注意此处调用的是focus方法而不是ng-focus
里面的REMARK是同一个页面的另外一个input
这个input的id是REMARK
在REMARK的ng-focus调用计算时间的方法,就可以实现选择开始日期,自动获得结束日期的需求了。
REMARK input的代码如下

<input  ng-focus="setEndDate();" id="REMARK" name="REMARK" type="text" ng-model="custVipMsg.REMARK" class="inp_t inp_bord"/>

javaweb小白一枚,如有不对欢迎指正~

上一篇下一篇

猜你喜欢

热点阅读