码迷,mamicode.com
首页 > 其他好文 > 详细

wdatepicker

时间:2015-03-30 11:16:26      阅读:368      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript" src="~/Resource/Script/mydatepicker/WdatePicker.js"></script>

 

 

http://www.my97.net/dp/demo/resource/2.4.asp

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

    你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过{}进行表达式运算,如:{%d+1}:表示明天

    动态变量表

  2. %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‘})"/>

 

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

系统提供了$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.getElementById 函数.
那么为什么里面的 ‘ 使用 \‘ 呢? 那是因为 " 和 ‘ 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.
所以您在其他地方使用时注意把 \‘ 改成 " 或者 ‘ 来使用.

#F{$dp.$D(\‘d4312\‘)||\‘2020-10-01\‘} 表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值

 

示例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天

wdatepicker

标签:

原文地址:http://www.cnblogs.com/liuchuanxu/p/4377280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!