wdatepicker时间限制

╰+攻爆jí腚メ 2022-02-15 15:15 273阅读 0赞

<script type="text/javascript" src="./JQuery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="WdatePicker/My97DatePicker/WdatePicker.js"></script>
    
    </head>
    <body> 
    	开始时间：<input type="text" id="startDate" class="Wdate">
    	结束时间：<input type="text" id="endDate" class="Wdate">
    </body>
    </html>
    <script type="text/javascript">
    	$("#startDate").click(function(){
    		
    		//获取结束日期
    		var endDate=$("#endDate").val();
    		if(endDate!=''){
    			
    			WdatePicker({el:this,maxDate:endDate});
    			return;
    		}
    		
    		WdatePicker({el:this});
    		
    	}); 
    	
    	$("#endDate").click(function(){
    		//获取开始日期
    		var startDate=$("#startDate").val();
    		if(startDate!=''){
    			
    			WdatePicker({el:this,minDate:startDate});
    			return;
    		}
    		
    		WdatePicker({el:this});
    		
    	});
    
    </script>

## 更精简的方式  ##

开始时间：
        <input type="text" id="startDate" class="Wdate"             
               onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\',{d:-1});}'})">
    
    结束时间：
        <input type="text" id="endDate" class="Wdate"         
               onclick="WdatePicker({minDate:'#F{$dp.$D(\'startDate\',{d:+1});}'})">

发表评论取消回复

表情：

评论列表（有 0 条评论，273人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementui日期时间选择限制

参考文章 https://blog.csdn.net/qq\_36747046/article/details/106946325 https://blog.csdn.n

Bertha 。/ 2022年12月22日 15:30/ 0 赞/ 238 阅读

相关 WdatePicker日期控件的时间限制

问题描述：用户在使用日期空间进行时间选择时，只能选择一个星期之后的7天，并且只能选择这7天当中的星期二与星期四代码：<input class="Wdate"

刺骨的言语ヽ痛彻心扉/ 2022年08月02日 09:47/ 0 赞/ 219 阅读

相关时间控件之WdatePicker

日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上示例2-1 平面显示演示 <div id="div1 ">

Bertha 。/ 2022年05月09日 22:08/ 0 赞/ 412 阅读

相关 WdatePicker设置默认时间

<tr class="height"> <td class="td_left"> <label>发布时间：</label>

比眉伴天荒/ 2022年04月11日 09:08/ 0 赞/ 1021 阅读

相关 WdatePicker 最大日期和最小日期限制

<ul class="lina-col"> <li class="col-md-6 p0"> <span class="fl">

电玩女神/ 2022年03月19日 13:56/ 0 赞/ 592 阅读

相关 WdatePicker 使用笔记

> 这里记录一个开始时间为明天的笔记代码如下： <tr> <td class="td_left">开

桃扇骨/ 2022年03月12日 17:25/ 0 赞/ 208 阅读

相关 WdatePicker-限制日期选择

场景： 1. 开始时间,和结束时间最大选择今天。 2. 开始时间和结束时间的最大时间间隔为30天。 jsp代码：  <form>

深碍√TFBOYSˉ_/ 2022年03月12日 15:20/ 0 赞/ 455 阅读

相关 wdatepicker时间限制

<script type="text/javascript" src="./JQuery/jquery-3.3.1.min.js"></script> <scr

╰+攻爆jí腚メ/ 2022年02月15日 15:15/ 0 赞/ 274 阅读

相关 WdatePicker 日期联动选择（起始时间两者关系）

场景：效果如下，选择区间 ![20190615203718313.png][] 话不多说上关键代码：要的就是效率…………biubiu <tr>

矫情吗；*/ 2022年01月16日 12:47/ 0 赞/ 394 阅读

相关时间限制

//时间限制 if (!this.data.isTogether) { this.setData({

短命女/ 2021年10月01日 05:26/ 0 赞/ 378 阅读