my97日期范围限制

My97date之功能及示例：

日期范围限制

1.静态限制
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致

你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围

示例4-1-1
限制日期的范围是 2006-09-10到2008-12-20

示例4-1-2
限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30

示例4-1-3
限制日期的范围是 2008年2月到 2008年10月

示例4-1-4
限制日期的范围是 8:00:00 到 11:30:00
<input type="text" class="Wdate" id="d414" οnfοcus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/>

2.动态限制
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致

你可以通过系统给出的动态变量,如%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" οnfοcus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>

示例4-2-2
使用了运算表达式只能选择今天以后的日期(不包括今天)
<input id="d422" class="Wdate" type="text" οnfοcus="WdatePicker({minDate:'%y-%M-{%d+1}'})"/>

示例4-2-3
只能选择本月的日期1号至本月最后一天
<input id="d423" class="Wdate" type="text" οnfοcus="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" οnfοcus="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'})"/>

3.脚本自定义限制
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致

系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在 #F{} 中填入你自定义的脚本,做任何你想做的日期限制

示例4-3-1
前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01

合同有效期从

到

注意:
两个日期的日期格式必须相同

$dp.$ 相当于 document.getElementById 函数.
那么为什么里面的 ' 使用 \' 呢? 那是因为 " 和 ' 都被外围的函数使用了,故使用转义符 \ ,否则会提示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});}'})"/>

到

使用 $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})}'})"/>

到

注意:
#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才能,定义任何你想要的日期限制

自动转到随机生成的一天,当然,此示例没有实际的用途,只是为演示目的

my97日期范围限制相关推荐

怎样使用My97日期控件
有网友说无法使用My97日期控件,Insus.NET测试一下,是可以正常使用了. 在ASP.NET MVC环境中测试. 去官网下载My97日期控件程序包: 下载解压之后,把程序的目录拷贝至projec ...
js 跨域的问题（同一个主域名不同的二级域名下的跨域问题）解决 WdatePicker.js my97日期选择控件
js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) 解决 WdatePicker.js my97日期选择控件参考文章: (1)js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) ...
【js】日期插件 my97日期控件
http://my97.net/dp/demo/index.htm 功能不错的日期插件转载于:https://www.cnblogs.com/merlini/archive/2013/06/09/3 ...
My97日期插件实现日期多选
-##一.story 项目中一个查询页面的日期输入框需要实现多选,日期插件用的是My97,由于原始的My97不支持日期多选,只能选用其他日期插件或对My97进行改造,下面介绍下用js修改My97的属性 ...
My97 日期改变事件
官方文档:http://www.my97.net/demo/index.htm My97 onchage事件失效查看官方文档发现onpicked可以替代onchange事件 H5 <input ...
Wdatepicker日期控件的使用指南
示例2-3-1 起始日期简单应用示例2-3-2 alwaysUseStartDate属性应用示例2-3-3 使用内置参数示例 2-4-1: 年月日时分秒示例 2-4-2 时分秒示例 2-4- ...
公司--页面调用日期控件 WdatePicker日历控件使用方法
<td style="width:120px;"><input type="text" name="lpd_<%=prodTa ...
My97DatePicker设置，包括隐藏清空，设置最大日期等
http://www.cnblogs.com/huangw/archive/2013/01/25/2876009.html My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1 ...
My97 WdatePicker 属性
属性配置属性表属性类型默认值说明静态属性:只能在WdatePicker.js中配置,一般情况下,不建议您修改静态属性的值 $wdate bool true 是否自动引入Wdate类设置为 ...
My97DatePicker日期插件WdatePicker.js的使用方法
一.先来最简单的配置方法: (1)下载WdatePicker.js(包括lang和skin文件夹). (2)在html页面中导入WdatePicker.js. //同时引入了WdateP ...

my97日期范围限制

my97日期范围限制相关推荐

最新文章

热门文章