My97DatePicker日期两级级联

        用 日历控件My97DatePicker,做了一个简单的2级级联日期联动限制,熟悉下日历的使用。

上级结束的日期不能大于开始日期 

子级的开始日期不能小于上级的开始日期,不能大于上级结束日期和子级结束日期中小的 

子级的结束日期不能大于上级的结束日期,不能小于 上机结束日期和子级结束日期中的大的

上级开始日期:上级结束日期:
子级开始日期:子级结束日期:


   

 

上级开始日期:<input class="Wdate" id="startD" type="text" />
上级结束日期:<input class="Wdate" id="endD" type="text" />
<br/><br/>
子级开始日期:<input class="Wdate" id="startDate" type="text">
子级结束日期:<input class="Wdate" id="endDate" type="text" />
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script>
window.οnlοad=function(){
	document.getElementById("startD").onfocus = function(){
		WdatePicker({
			maxDate:"#F{$dp.$D('endD')}",
			onpicked:function(){
				document.getElementById("endD").focus();
			}
		});
	}
	document.getElementById("endD").οnfοcus=function(){
		WdatePicker({
			minDate:"#F{$dp.$D('startD')}"
		})
	}
	document.getElementById("startDate").οnfοcus=function(){
		var maxD = "";
		if(document.getElementById("endDate").value !=""){
			maxD = "endDate";
		}
		if(maxD =="" && document.getElementById("endD").value!=""){
			maxD = "endD";
		}
		if(document.getElementById("endDate").value !="" &&  document.getElementById("endD").value!=""){
			maxD = document.getElementById("endDate").value > document.getElementById("endD").value 
				?"endD":"endDate";
		}
		
		WdatePicker({
			maxDate:"#F{$dp.$D('"+maxD+"')}",
			minDate:"#F{$dp.$D('startD')}",
			onpicked:function(){
				document.getElementById("endDate").focus();
			}
		});
	}
	document.getElementById("endDate").onfocus = function(){
		var minD = "";
		if(document.getElementById("startD").value !=""){
			minD = "startD";
		}
		if(minD=="" && document.getElementById("startDate").value!=""){
			minD = "startDate";
		}
		if(document.getElementById("startD").value !="" && document.getElementById("startDate").value!=""){
			minD = document.getElementById("startDate").value>document.getElementById("startD").value
				? "startDate":"startD";
		}
		
		WdatePicker({
			maxDate:"#F{$dp.$D('endD')}",
			minDate:"#F{$dp.$D('"+minD+"')}"
		});
		
	}
}
</script>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值