项目开始的时候用的是这个my97,选一下日期就能带出来,感觉挺好,但到了后来项目上线了,有一个“保险起期”、“保险止期”联动,发现控件上的日期需要双击才可联动;如果只单击一下“保险起期”,然后离开点页面其他地方,两个时间没有联动起来。经项目组js牛人(wuguojian)努力攻关,终于实现了点击就可以联动的效果。
改造有两个方面的原因:
1.如果业务人员,只单击了“保险起期”,而“保险止期”没有联动,以前的默认的保险期间365天没有发生变化,而保单打印出来的时间“保险起期”、“保险止期”有变化,易引起麻烦。
2.刚才提到双击可以联动,还有单击后点刷新也可以联动,但是在网络慢的情况下,影响出单员的效率。
改造如下:
对文件My97DatePicker.htm部分进行修改,增加一个js方法,在body里面引用:
<head>
<script>
// 增加日历控件关闭事件 2009-10-26
function getObj() {
var divs = document.body.getElementsByTagName("div");
for (var i=0,len=divs.length;i<len;i++) {
if (divs[i].className == 'WdateDiv') {
divs[i].onblur = function () {
$dp.el.onchange();
};
break;
}
}
}
</script>
</head>
<body leftmargin="0" topmargin="0" onload="$c.autoSize();getObj();">
</body>
控件连接地址:http://www.my97.net/dp/demo/index.htm