wdatepicker时间限制

2019-04-24 17:19:08

<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});}'})">

收起

展开全文

WdatePicker时间限制
2015-04-14 10:27:58
我现在想限制时间，让用户只能选择每天8点到22点之间的时间 onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm', minDate: '%y-%M-%d {%H+1}', onpicked: function () { $(this).trigger('change') } })" ...
收起

WdatePicker限制时间

2020-07-24 15:22:31

WdatePicker.js 2,html <div class="row cl mb-20 "> <label class="form-label col-xs-4 col-sm-3 text-c"> 出纳日期 <a href="javascript:void();" style="position:relative" class=...

1.引入js

WdatePicker.js

2,html

<div class="row cl mb-20 ">
    <label class="form-label col-xs-4 col-sm-3 text-c"> 
            出纳日期
            <a href="javascript:void();" style="position:relative" 
                class="youxiaoqi" title="">
                <i class="fa fa-info-circle" style="color: red"></i>
            </a>：
    </label>
    <div class="formControls col-xs-5 col-sm-6">
        <input type="date" class="Wdate input-text htdata" value="" 
      placeholder="请选择日期" id="issueDate" name="issueDate">
    </div>
</div>

3,js

// 后台接口返回的有效期exField,单位（月） 
//'%y-#{%M-'+m+'}-%d'当前月减去多少月
var m=response.data[i].exField;//有效期的值
if($('.htdata')){
    $('.htdata').focus(function(){
        WdatePicker({
            dateFmt: 'yyyy-MM-dd', 
            minDate: '%y-#{%M-'+m+'}-%d',
            maxDate:'%y-%M-%d'})
    })
}
$('.youxiaoqi').attr('title','有效期为'+response.data[i].exField1+'个月')

如果exfield=12，则日期可选范围为当前日期减12月至当前日期可选，灰色不可选

收起

展开全文

WdatePicker时间控件限制开始结束时间

千次阅读 2019-06-12 10:10:32

时间控件限制： 1、开始时间不能大于结束时间 maxDate:'#F{$dp.$D(\'endDate\')}' 2、结束时间不能小于开始时间 minDate:'#F{$dp.$D(\'startDate\')}' 例子： <div class="control-group"> <label ...

时间控件限制：

1、开始时间不能大于结束时间      maxDate:'#F{$dp.$D(\'endDate\')}'

2、结束时间不能小于开始时间      minDate:'#F{$dp.$D(\'startDate\')}'

 

例子：

<div class="control-group">

            <label class="control-label">工作日时间从：</label>

            <div class="controls">

                <input id="workDateStart" name="workDateStart" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "

                    value="<fmt:formatDate value="${laWorkRecord.workDateStart}" pattern="yyyy-MM-dd HH:mm:ss"/>"

                    οnclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,maxDate:'#F{$dp.$D(\'workDateEnd\')}'});"/>

            </div>

        </div>

        <div class="control-group">

            <label class="control-label">工作日时间到：</label>

            <div class="controls">

                <input id="workDateEnd" name="workDateEnd" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "

                    value="<fmt:formatDate value="${laWorkRecord.workDateEnd}" pattern="yyyy-MM-dd HH:mm:ss"/>"

                    οnclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,minDate:'#F{$dp.$D(\'workDateStart\')}'});"/>

            </div>

        </div>

收起

展开全文

前端

WdatePicker时间控件限制结束时间不能小于开始时间

2020-07-30 15:07:21

1，WdatePicker介绍， <td style="text-align: right;width: 10%;white-space: nowrap;font-size: 14px;"> 起始时间： </td> <td style="text-align:left;width: 10%"> ...

1，WdatePicker介绍，
<td style="text-align: right;width: 10%;white-space: nowrap;font-size: 14px;">
								起始时间：
							</td>
							<td style="text-align:left;width: 10%">
								<input class="input-medium" type="text" placeholder="输入时间" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'endDate\')}'})" id="startDate"/>
							</td>
							<td style="text-align: right;width: 10%;white-space: nowrap;font-size: 14px;">
								截止时间：
							</td>
							<td style="text-align:left;width: 10%">
								<input class="input-medium" type="text" placeholder="输入时间" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'startDate\')}'})" id="endDate"/>
							</td>

%y  当前年  %M  当前月  %d  当前日 %ld 本月最后一天

%H  当前时  %m  当前分  %s  当前秒
#{} 运算表达式,如:#{%d+1}:表示明天
#F{} {}之间是函数可写自定义JS代码
属性 y M d H m s 分别代表 年、月、日、时、分、秒
{M:5,d:7} 表示 五个月零7天

{y:1,d:-3} 表示 1年少3天

{d:1,H:1} 表示一天多1小时
endDate ：表示结束时间的input 输入框的id

startDate：表示结束时间的开始时间输入框的id

maxDate：最大时间不能超过这个值

minDate：最小时间不能小于这个值

收起

展开全文

html javascript

WdatePicker时间 前后时间限制解决方案
2014-12-18 15:56:13
<td class="td"> 操作时间：<input id="txtStartDate"...WdatePicker({maxDate:'#F{$dp.$D(\'txtEndDate\',{d:0})||\'%y-%M-%d %H:%m:%s\';}'})"
收起
WdatePicker 日期限制和小时限制的问题
千次阅读 2016-07-15 10:08:32
将minDate设置为：'%y-%M-%d 00:00:00',这样当前时间之前的时间就不会再被限制了 onfocus="WdatePicker({minDate:'%y-%M-%d 00:00:00',startDate:'%y-%M-01 00:00',dateFmt:'yyyy-MM-dd HH:mm',...
收起
WdatePicker-限制日期选择
2019-03-06 16:58:08
2. 开始时间和结束时间的最大时间间隔为30天。 jsp代码：  <form>  开始时间： <input type=&...
收起
wdatepicker,自定义时间限制
千次阅读 2016-01-27 14:03:59
查看了Wdatepicker的官网http://www.my97.net/dp/demo/index.htm，发现不能原有的方法都不能满足这个需求，就自定义了方法，来满足时间样式： jsp代码：至自定义的方法： //当前时间去除秒的毫秒数 //使用...
收起
WdatePicker时间插件
2019-09-21 10:09:49
next_door_boy CnBlogs Home New Post Contact Admin Rss Posts - 14 Articles - ...WdatePicker设置时间区间时，对开始时间和结束时间限制 — 转载于:https://www.c...
收起
WdatePicker日期控件的时间限制
千次阅读 2015-07-16 10:50:24
问题描述：用户在使用日期空间进行时间选择时，只能选择一个星期之后的7天，并且只能选择这7天当中的星期二与星期四代码：
收起
[简单]WdatePicker限制只能选当天，只能选以前的时间
千次阅读 2014-07-10 17:54:55
WdatePicker限制只能选以前的时间(不能选当天): onfocus="WdatePicker({startDate:'%y',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" WdatePicker限制只能选当天的时间: onfocus=&...
收起
WdatePicker 时间控件插件
2016-01-06 19:11:32
支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定.
收起
WdatePicker开始时间结束时间相互控制并且只限制日期时间动态控制
千次阅读 2017-03-16 17:50:08
时间段： type="text" readonly="readonly" maxlength="20" class="input-small Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'commonSti
收起
时间控件WdatePicker.js对所选时间的限制
千次阅读 2018-08-02 10:51:48
1、设置最大时间不能超过当前时间 ...WdatePicker({maxDate: '%y-%M-%d' })"/> 2、开始时间--结束时间相互约束，通过id <input name="sjzbksrq" type="text" id="sjz
收起
WdatePicker 实现限制页面上两个时间的前后范围，使开始时间不能大于结束时间
2020-11-12 19:28:42
时间范围： <input type="text" id='startTime' onclick="WdatePicker({ dateFmt: 'yyyy-MM', maxDate: '#F{$dp.$D(\'endTime\')}' })" autocomplete="off" /> 至 <input type="text" id='endTime' onclick...
收起
WdatePicker的起始和结束时间的限制
2020-08-07 14:59:42
工作中遇到一个关于时间的问题，记录一下： 1、开始时间不能大于结束时间； 2、开始时间不小于特定的日期（这里我的开始时间不能小于2020-05-01） <tr id="prcent"> <td class="f-tac"><label ...
收起
js
WdatePicker 插件，要求限制结束时间和开始时间必须在同一天。
千次阅读 2018-10-16 17:53:11
onpicked:pickedFunc 开始时间选择完后触发的函数获取开始时间并对结束时间进行限制。
收起
获取wdatepicker的当前月_小结WdatePicker.js时间日期插件的用法
2020-12-19 14:04:36
WdatePicker.js时间日期插件的使用方法本文介绍了WdatePicker.js时间插件使用，分享给大家，具体如下：引用：在项目中引用“plugin-clander”文件夹。在html中引用”WdatePicker.js”即可。1.没有对控件进行设置2....
收起
获取wdatepicker的当前月_WdatePicker.js时间日期插件的使用方法
2020-12-19 14:04:37
本文介绍了WdatePicker.js时间插件使用，分享给大家，具体如下：引用：在项目中引用“plugin-clander”文件夹。在html中引用”WdatePicker.js”即可。1.没有对控件进行设置2.限制日期的范围是 2006-09-10到2008-12-...
收起
WdatePicker.js时间日期插件的使用方法
2021-01-19 18:10:56
本文介绍了WdatePicker.js时间插件使用，分享给大家，具体如下：引用：在项目中引用“plugin-clander”文件夹。在html中引用”WdatePicker.js”即可。 [removed][removed] 1.没有对控件进行设置 <input ...
收起
时间插件WdatePicker的用法总结
万次阅读 2018-10-09 15:29:54
WdatePicker/WdatePicker.js"></script> class="Wdate"的用处是加上class的会有个时间的小图标，如图所示： 1. 日期范围限制　静态限制：　注意:日期格式必须与 ...
收起
前端
wdatepicker设置时间范围_Excel：如何通过设置数据验证条件，来限制单元格输入范围？...
2020-12-10 09:07:26
它不仅可以将输入的数字限制在指定范围内，也可以限制文本的字符数，还可以将日期或时间限制在某一时间范围之外，甚至可以将数据限制在列表中的预定义项范围内，对于复杂的设置也可以通过自定义完成。这么好用的功能...
收起
wdatepicker设置时间范围_Excel:如何通过设置数据验证条件，来限制单元格输入范围？...
2020-12-11 03:13:48
它不仅可以将输入的数字限制在指定范围内，也可以限制文本的字符数，还可以将日期或时间限制在某一时间范围之外，甚至可以将数据限制在列表中的预定义项范围内，对于复杂的设置也可以通过自定义完成。这么好用的功能...
收起
WdatePicker例子
2017-11-24 17:21:11
时间限制：学历提升时间： id="startDate" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate " value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true,maxDate:'#F...
收起