wdatepicker时间限制

╰+攻爆jí腚メ 2022-02-15 15:15 334阅读 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 条评论，334人围观）

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

相关阅读

相关 WdatePicker 实现限制页面上两个时间的前后范围，使开始时间不能大于结束时间

1 HTML代码时间范围： <input type="text" id='startTime' onclick="WdatePicker({ dateF

蔚落/ 2023年10月05日 13:33/ 0 赞/ 12 阅读

相关 WdatePicker时间日期插件总结

本文只做记录 [Wdatepicker日期控件官网][Wdatepicker]. 参考 [WdatePicker时间日期插件总结][WdatePicker]. [W

古城微笑少年丶/ 2023年05月22日 04:48/ 0 赞/ 20 阅读

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

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

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

相关时间控件之WdatePicker

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

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

相关 WdatePicker设置默认时间

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

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

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

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

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

相关 WdatePicker-限制日期选择

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

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

相关 wdatepicker时间限制

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

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

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

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

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

相关时间限制

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

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