最近开始参与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小白一枚，如有不对欢迎指正~
网友评论