这几天改的datepicker失去焦点的bug就是一典型案例：
   背景介绍： datepicker组件是由一个<ul>标签里的子<li>通过hover事件添加的，而这个<ul>也是由hover展现的，实现这个组件已耗费大量精力，略去不表。
   bug描述： 如果datepicker所在的由<li> hover出来的div如果鼠标移出，则自动将datepicker关闭，但是这个div里的第二个datepicker如果在打开的情况下移出鼠标，它并没有被自动关闭。
   解决方法: 第一印象是挺简单的，无非就是在datepicker所在的div上加一个onmouseout事件罢了，如果鼠标移出了这个div则调它的api将datepicker hide住，实践证明完全不行，因为如果单纯判断div的onmouseout后，直接导致datepicker一旦点击则全部都被关闭了，原因就是datepicker并不是这个div内的元素，光这个问题快研究了一天，试了各种办法，无方最后无奈重写了它的原生hover函数：

<script type="text/javascript">
 $j('.uidatepicker').hover(functions.panelFocusForDatePicker,
       functions.panelBlurForDataPicker);
</script>

<script type="text/javascript">
$j(document).mousemove(function(event) {
  var position = $j("#topExpensesForm\\:dateRangeDiv").css("left");
  if(position != '0px'){
     $j('.startDateRange').datepicker('hide');
     $j('.endDateRange').datepicker('hide');
  }
});