欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WdatePicker日期控件使用与值获取,以及选择日期完毕触发事件

程序员文章站 2022-07-09 21:24:59
踩过无数坑,调试了很长时间,写出适合自己需求的方法需求:没有查询按钮,要求选择日期后自动触发查询事件(只有日期选择完成后才触发),解决方案:代码如下:检索开始时间:
踩过无数坑,调试了很长时间,写出适合自己需求的方法
需求:没有查询按钮,要求选择日期后自动触发查询事件(只有日期选择完成后才触发),

解决方案:代码如下:
检索开始时间:

<input type="text" id="starttime" onfocus="wdatepicker({datefmt:'yyyy-mm-dd',alwaysusestartdate:true,onpicked:function(){onemonthtypechange(this,'starttime','endtime');search();}})" class="j_totimemm" readonly="readonly" />

检索结束时间:
<input type="text" id="endtime" onfocus="wdatepicker({datefmt:'yyyy-mm-dd',alwaysusestartdate:true,onpicked:function(){onemonthtypechange(this,'starttime','endtime');search();}})" class="j_totimemm" readonly="readonly" /><script>
function onemonthtypechange(obj,id1,id2){
  var start = $("#"+id1).val();
  var end = $("#"+id2).val();
  if(start != null && start != "" && end !=null && end != ""){
    var startnum,endnum;
    if(start.length > 5){
      startnum = parseint(start.replace(/-/g,'').replace(' ','').replace(/:/g,''),10);
      endnum = parseint(end.replace(/-/g,'').replace(' ','').replace(/:/g,''),10);
    }else{
      staetnum = parseint(start.replace(/:/g,''),10);
      endnum = parseint(end.replace(/:/g,''),10);
    }
    if(startnum > endnum){
      $(obj).val();
      alert("开始时间不能大于结束时间");
      return false;
    }
  }
  return true;
}
</script>
亲测完美符合自己的需求