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

最新推荐文章于 2019-07-27 15:41:08 发布

最新推荐文章于 2019-07-27 15:41:08 发布 · 179 阅读

文章标签：

#ASP.net #ASP #F# #.net #HTML

html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用WdatePicker实现两个日期控件的选择联动，确保选择的时间范围有效，并展示了如何设定日期显示格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

组件包获取官网：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" />