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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM