[转]struts 2.1.8.1的sx:datetimepicker标签出现NaN错误的原因和解决办法

作者：Junsan.Jin
邮箱：junsanjin@gmail.com
QQ：1305896503

本文原始地址：http://www.rsky.com.cn/Article/java/201005/11748.html
欢迎转载，请保留作者信息，谢谢。



最近项目使用Spring+Struts2+JPA(Hibernate)的框架进行开发，大量使用了Struts2的标签库，确实让JSP页面干净了不少，也大大提高了开发的效率。



但是在使用sx:datetimepicker标签时发现一个问题，就是在输入日期内容，然后删除内容，输入框内为""时，再点击日期选择的弹出控件时，发现日期全部变成了NaN。



下面分析原因和找到解决办法。如果只是想看解决办法，请直接看最后的 最终的解决办法 部分。



基本解决办法



开始的解决办法是，对日期的格式进行了校验，如果选择了NaN的日期提交，就提示日期格式错误，不让提交。



查找原因



然后网上查了一下，都没有彻底解决的办法，大都是说这个是个BUG，提交前校验就可以了。几年前就有的BUG了，估计Struts也没有心思去解决，所以，就准备自己去修正。



因为是使用了sx:datetimepicker标签，所以，先去看了一下该标签的源代码。



在源码包中struts-2.1.8/src/plugins/dojo/src/main/java/org/apache/struts2/dojo/components找到了DateTimePicker.java，查看了一下只是一个初始化设置和写出html代码的普通标签库而已。



所以，去看看它最终生成了什么样子的代码。生成的代码大致如下

<div
dojoType="struts:StrutsDatePicker" id="app.beginDate" value="2010-05-13T09:27:31" name="app.beginDate" inputName="dojo.app.beginDate" displayFormat="yyyy-MM-dd" saveFormat="rfc"></div>
<script language="JavaScript" type="text/javascript">djConfig.searchIds.push("app.beginDate");</script>



头部声明部分引入了


<script language="JavaScript" type="text/javascript"
src="/应用名称/struts/dojo/struts_dojo.js"></script>
struts_dojo.js这个js。



同时进行了dojo设置，


<script language="JavaScript" type="text/javascript">
// Dojo configuration
djConfig = {
isDebug: false,
bindEncoding: "utf-8"
,baseRelativePath: "/dcap/struts/dojo/"
,baseScriptUri: "/dcap/struts/dojo/"
,parseWidgets : false

};
</script>


使用了dojo，所以，不出意外StrutsDatePicker这个小组件应该在struts_dojo.js这个文件中定义。



在该js中去搜索StrutsDatePicker，找到了


dojo.provide("struts.widget.StrutsDatePicker");


发现其又使用了


dojo.widget.DropdownDatePicker这个小组件。



继续查DropdownDatePicker，找到dojo.provide("dojo.widget.DropdownDatePicker");，在其代码中找到了


if(_e5f==""){
this.datePicker.setDate("");
}


这段代码，而_e5f就是改变为控制后的存储字符串，直接把


this.datePicker.setDate("");


注释掉，测试一下，发现不会再出现那个讨厌的NaN了。



但是显示的日期是清空输入框日期前的那个旧的日期，按照普通的逻辑，输入框日期为空，应该显示当前日期，和初始化时候的保持一致么。



继续找，发现了


this.datePicker=dojo.widget.createWidget("DatePicker",_e5b,this.containerNode,"child");


这行代码，是一个DatePicker小组件。



所以搜索DatePicker，找到了


dojo.provide("dojo.widget.DatePicker");


找到setDate函数，发现调用了this._preInitUI函数，继续查找，最终在_preInitUI函数中发现了


if(_e14<this.startDate||_e14>this.endDate){
_e14=new Date((_e14<this.startDate)?this.startDate:this.endDate);
}


只对日期大小做了校验，而没有对日期的""做校验，原因就在这里了。所以在


if(_e14<this.startDate||_e14>this.endDate){


之前加入


if(_e14==""){
_e14=new Date();
}
修改后的前后代码大概如下：

this.startDate.setHours(0,0,0,0);
this.endDate.setHours(24,0,0,-1);
if(_e14==""){
_e14=new Date();
}
if(_e14<this.startDate||_e14>this.endDate){
_e14=new Date((_e14<this.startDate)?this.startDate:this.endDate);
}



测试一下，一切OK，到此完满解决。



最终的解决办法



找到使用的
struts2-dojo-plugin-2.1.8.1.jar
解压缩到struts2-dojo-plugin-2.1.8.1文件夹，然后找到
struts2-dojo-plugin-2.1.8.1/org/apache/struts2/static/dojo
下的struts_dojo.js文件。


打开文件


找到
dojo.provide("dojo.widget.DatePicker");


然后往下找到
if(_e14<this.startDate||_e14>this.endDate){
_e14=new Date((_e14<this.startDate)?this.startDate:this.endDate);
}


在其前面添加
if(_e14==""){
_e14=new Date();
}
保存。


然后使用winrar或者winzip，进入struts2-dojo-plugin-2.1.8.1文件夹，将选择该文件夹下的所有文件压缩，注意选择zip格式压缩，压缩好之后，修改为将.zip修改为.jar即可。



好了，现在覆盖项目中对应的jar包，重新部署即可。测试的时候，注意清空浏览器的缓存，然后刷新即可。否则，还是bug时候的struts-dojo.js文件在客户端。