日期范围限制
静态限制
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致
你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围
示例4-1-1 限制日期的范围是 2006-09-10到2008-12-20
<input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate: '2006-09-10', maxDate: '2008-12-20' })"/>
示例4-1-2 限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30
<input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss', minDate: '2008-03-08 11:30:00', maxDate: '2008-03-10 20:59:30' })" value="2008-03-09 11:00:00"/>
示例4-1-3 限制日期的范围是 2008年2月 到 2008年10月
<input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt: 'yyyy年M月', minDate: '2008-2', maxDate: '2008-10' })"/>
示例4-1-4 限制日期的范围是 8:00:00 到 11:30:00
<input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt: 'H:mm:ss', minDate: '8:00:00', maxDate: '11:30:00' })"/>
动态限制
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致
你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天
动态变量表
格式 说明
%y 当前年
%M 当前月
%d 当前日
%ld 本月最后一天
%H 当前时
%m 当前分
%s 当前秒
#{} 运算表达式,如:#{%d+1}:表示明天
#F{} {}之间是函数可写自定义JS代码
示例4-2-1 只能选择今天以前的日期(包括今天)
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate: '%y-%M-%d' })"/>
示例4-2-2 使用了运算表达式 只能选择今天以后的日期(不包括今天)
<input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-#{%d+1}' })"/>
示例4-2-3 只能选择本月的日期1号至本月最后一天
<input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-01', maxDate: '%y-%M-%ld' })"/>
示例4-2-4 只能选择今天7:00:00至明天21:00:00的日期
<input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate: '%y-%M-%d 7:00:00', maxDate: '%y-%M-#{%d+1} 21:00:00' })"/>
示例4-2-5 使用了运算表达式 只能选择 20小时前 至 30小时后 的日期
<input id="d425" class="Wdate" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate: '%y-%M-%d #{%H-20}:%m:%s' ,maxDate: '%y-%M-%d #{%H+30}:%m:%s' })"/>
脚本自定义限制
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致
系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在 #F{} 中填入你自定义的脚本,做任何你想做的日期限制
示例4-3-1 前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01
合同有效期从 到
<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4312\')||\'2020-10-01\'}' })"/>
<input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4311\')}' ,maxDate:'2020-10-01' })"/>
注意:
两个日期的日期格式必须相同
$dp.$ 相当于 document.getElementByIdx_x 函数.
那么为什么里面的 ' 使用 \' 呢? 那是因为 " 和 ' 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.
所以您在其他地方使用时注意把 \' 改成 " 或者 ' 来使用.
#F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值
示例4-3-2 前面的日期+3天 不能大于 后面的日期
日期从 到
<input type="text" class="Wdate" id="d4321" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4322\',{d:-3});}' })"/>
<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4321\',{d:3});}' })"/>
使用 $dp.$D 函数 可以将日期框中的值,加上定义的日期差量:
两个参数: id={字符类型}需要处理的文本框的id值 , obj={对象类型}日期差量
日期差量用法:
属性y,M,d,H,m,s分别代表年月日时分秒
如
为空时,表示直接取值,不做差量(示例4-3-1中的参数就是空的)
{M:5,d:7} 表示 五个月零7天
{y:1,d:-3} 表示 1年少3天
{d:1,H:1} 表示一天多1小时
示例4-3-3 前面的日期+3月零2天 不能大于 后面的日期 且 前面日期都不能大于 2020-4-3减去3月零2天 后面日期 不能大于 2020-4-3
住店日期从 到
<input type="text" class="Wdate" id="d4331" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-3,d:-2})} '})"/>
<input type="text" class="Wdate" id="d4332" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4331\',{M:3,d:2});} ',maxDate: '2020-4-3 '})"/>
注意:
#F{$dp.$D(\'d4332\',{M:-3,d:-2}) || $dp.$DV(\'2020-4-3\',{M:-3,d:-2})}
表示当 d4332 为空时, 采用 $dp.$DV(\'2020-4-3\',{M:-3,d:-2})} 的值作为最大值
使用 $dp.$DV 函数 可以将显式传入的值,加上定义的日期差量:
两个参数: value={字符类型}需要处理的值 , obj={对象类型}日期差量
用法同上面的 $dp.$D 类似,如 $dp.$DV(\'2020-4-3\',{M:-3,d:-2}) 表示 2020-4-3减去3月零2天
示例4-3-4 发挥你的JS才能,定义任何你想要的日期限制
自动转到随机生成的一天,当然,此示例没有实际的用途,只是为演示目的
<script>
//返回一个随机的日期
function randomDate(){
var Y = 2000 + Math.round(Math.random() * 10);
var M = 1 + Math.round(Math.random() * 11);
var D = 1 + Math.round(Math.random() * 27);
return Y+'-'+M+'-'+D;
}
</script>
<input type="text" class="Wdate" id="d434" onFocus="var date=randomDate();WdatePicker({minDate:date,maxDate:date}) "/>
无效天
可以使用此功能禁用周日至周六所对应的日期,相关属性:disabledDays (0至6 分别代表 周日至周六)
示例4-4-1 禁用 周六 所对应的日期
<input id="d441" type="text" class="Wdate" onFocus="WdatePicker({disabledDays: [6] })"/>
示例4-4-2 通过position属性,自定义弹出位置
<input id="d442" type="text" class="Wdate" onFocus="WdatePicker({disabledDays: [0,6] })"/>
无效日期
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致
可以使用此功能禁用,所指定的一个或多个日期,只要你熟悉正则表达式,你可以尽情发挥
用法(正则匹配):
如果你熟悉正则表达式,会很容易理解下面的匹配用法
如果不熟悉,可以参考下面的常用示例
['2008-02-01','2008-02-29'] 表示禁用 2008-02-01 和 2008-02-29
['2008-..-01','2008-02-29'] 表示禁用 2008-所有月份-01 和 2008-02-29
['200[0-8]]-02-01','2008-02-29'] 表示禁用 [2000至2008]-02-01 和 2008-02-29
['^2006'] 表示禁用 2006年的所有日期
此外,您还可以使用 %y %M %d %H %m %s 等变量, 用法同动态日期限制 注意:%ld不能使用
['....-..-01','%y-%M-%d'] 表示禁用 所有年份和所有月份的第一天和今天
['%y-%M-#{%d-1}','%y-%M-#{%d+1}'] 表示禁用 昨天和明天
当然,除了可以限制日期以外,您还可以限制时间
['....-..-.. 10\:00\:00'] 表示禁用 每天10点 (注意 : 需要 使用 \: )
不再多举例了,尽情发挥你的正则才能吧!
示例4-5-1 禁用 每个月份的 5日 15日 25日
<input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates: ['5$'] })"/>
注意 : '5$' 表示以 5 结尾 注意 $ 的用法
示例4-5-2 禁用 所有早于2000-01-01的日期
<input id="d452" type="text" class="Wdate" onFocus="WdatePicker({disabledDates: ['^19'] })"/>
注意: '^19' 表示以 19 开头 注意 ^ 的用法
当然,可以使用minDate实现类似的功能 这里主要是 在演示 ^ 的用法
示例4-5-3 配合min/m
没有合适的资源?快使用搜索试试~ 我知道了~
ssh项目实战源码
共243个文件
png:94个
jar:39个
jpg:19个
4星 · 超过85%的资源 需积分: 50 379 下载量 50 浏览量
2015-10-22
12:53:23
上传
评论 8
收藏 20.55MB ZIP 举报
温馨提示
struts+spring+hibernate项目实战源码
资源推荐
资源详情
资源评论
收起资源包目录
ssh项目实战源码 (243个子文件)
UserAction.class 5KB
User.class 3KB
BaseDaoImpl.class 3KB
TestMerge.class 3KB
UserServiceImpl.class 1KB
TestServiceImpl.class 1KB
TestDaoImpl.class 1KB
TestLog.class 951B
Person.class 839B
TestAction.class 641B
UserDaoImpl.class 512B
BaseDao.class 493B
UserService.class 451B
TestService.class 290B
UserDao.class 267B
TestDao.class 258B
.classpath 4KB
org.eclipse.wst.jsdt.ui.superType.container 49B
css.css 22KB
skin1.css 9KB
home.css 8KB
style.css 7KB
datepicker.css 4KB
datepicker.css 4KB
login.css 1022B
WdatePicker.css 158B
img.gif 2KB
img.gif 2KB
datePicker.gif 1KB
hibernate3.jar 3.9MB
com.springsource.org.aspectj.weaver-1.6.8.RELEASE.jar 1.57MB
mysql-connector-java-5.1.32-bin.jar 946KB
freemarker-2.3.19.jar 909KB
struts2-core-2.3.20.jar 807KB
xwork-core-2.3.20.jar 656KB
org.springframework.context-3.0.2.RELEASE.jar 642KB
javassist-3.12.0.GA.jar 618KB
com.springsource.com.mchange.v2.c3p0-0.9.1.2.jar 603KB
commons-collections-3.1.jar 546KB
org.springframework.beans-3.0.2.RELEASE.jar 537KB
antlr-2.7.6.jar 433KB
com.springsource.org.apache.log4j-1.2.15.jar 387KB
jstl-impl.jar 379KB
commons-lang3-3.2.jar 376KB
org.springframework.web-3.0.2.RELEASE.jar 374KB
org.springframework.jdbc-3.0.2.RELEASE.jar 369KB
org.springframework.core-3.0.2.RELEASE.jar 350KB
org.springframework.orm-3.0.2.RELEASE.jar 325KB
com.springsource.net.sf.cglib-2.2.0.jar 319KB
org.springframework.aop-3.0.2.RELEASE.jar 313KB
dom4j-1.6.1.jar 307KB
cglib-2.2.jar 272KB
commons-lang-2.4.jar 256KB
org.springframework.transaction-3.0.2.RELEASE.jar 226KB
ognl-3.0.6.jar 223KB
commons-io-2.2.jar 170KB
org.springframework.expression-3.0.2.RELEASE.jar 153KB
commons-fileupload-1.3.1.jar 67KB
com.springsource.org.apache.commons.logging-1.1.1.jar 60KB
com.springsource.javax.persistence-1.0.0.jar 53KB
org.springframework.asm-3.0.2.RELEASE.jar 52KB
javax.servlet.jsp.jstl.jar 44KB
org.springframework.aspects-3.0.2.RELEASE.jar 29KB
slf4j-api-1.6.1.jar 25KB
struts2-spring-plugin-2.3.20.jar 21KB
jta-1.1.jar 11KB
slf4j-log4j12-1.6.1.jar 10KB
com.springsource.org.aopalliance-1.0.0.jar 5KB
UserAction.java 4KB
User.java 3KB
TestMerge.java 2KB
BaseDaoImpl.java 1KB
UserServiceImpl.java 870B
TestServiceImpl.java 721B
TestDaoImpl.java 528B
Person.java 469B
UserService.java 436B
BaseDao.java 384B
TestLog.java 363B
TestAction.java 357B
TestService.java 312B
TestDao.java 272B
UserDaoImpl.java 252B
UserDao.java 174B
xzfw_bg.jpg 244KB
top03.jpg 161KB
top02.jpg 142KB
banner_bg.jpg 124KB
grtx.jpg 121KB
banner_xt.jpg 121KB
banner_xt.jpg 121KB
sw.jpg 121KB
left_bg.jpg 120KB
left_bg.jpg 120KB
bt_bg.jpg 120KB
bt_bg.jpg 120KB
bt2_bg.jpg 120KB
bt2_bg.jpg 120KB
grzx01_2.jpg 118KB
top01.jpg 29KB
共 243 条
- 1
- 2
- 3
光仔December
- 粉丝: 5640
- 资源: 48
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页