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

踩过无数坑,调试了很长时间,写出适合自己需求的方法
需求:没有查询按钮,要求选择日期后自动触发查询事件(只有日期选择完成后才触发),

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

<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>
亲测完美符合自己的需求
 

转载于:https://www.cnblogs.com/bxcsx/p/10919051.html

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值