当前位置: 代码迷 >> Web前端 >> MY97控件的应用,两个控件逻辑控制,日期格式化控制
  详细解决方案

MY97控件的应用,两个控件逻辑控制,日期格式化控制

热度:55   发布时间:2012-10-14 14:55:07.0
MY97控件的使用,两个控件逻辑控制,日期格式化控制

组件包获取官网:http://www.my97.net/dp/skin.asp 逻辑限制:当选择了第一个值后,选择第二个值时最小值不可小于第一个日期控件选择的值

?

?

 
//时间1
 		function time1(){
			WdatePicker({
			dateFmt:'yyyy-MM-dd HH:mm:ss',
			maxDate:'#F{$dp.$D(\'time2\')}'//指定到要设置最大值关联控件
			});
		}
//时间2
		function time2(){
			WdatePicker({
			dateFmt:'yyyy-MM-dd HH:mm:ss',
			minDate:'#F{$dp.$D(\'time1\')}'//指定到要设置最小值关联控件
			});
		}

?

?

日期格式限制:

?

?

		//带年月日,格式为yyyy-MM-dd
		function showtimedemo2(){
			WdatePicker({
				dateFmt:'yyyy-MM-dd'
				});
		}
?

?

?

HTML代码:

?

		逻辑限定:<input type="text" id="time1"   style="width:150px" name="time1"	
										onfocus="time1()"
										class="Wdate"/> 
										
										到
		<input type="text" id="time2" style="width:150px" name="time2"
							onfocus="time2()"	class="Wdate" />
				<br>
				<br>
		年月日时分秒:<input type="text" id="timedemo" style="width:150px" name="timedemo"
							onfocus="showtimedemo()" class="Wdate" />
				<br>
				<br>
			年月日:<input type="text" id="timedemo2" style="width:150px" name="timedemo2"
							onfocus="showtimedemo2()" class="Wdate" />
			
?

?

?

?