My97插件详解

My97是什么?

my97是一个js的日期空间,使用简单, 
支持的浏览器有 
IE 6.0+, Firefox 2.0+,Chrome, Opera 9.5+, Safari 3.0+

下载my97所需要的插件

下载地址: http://my97.net/dp/down.asp  
示例图: 

解压压缩包得到My97插件:



把My97插件导入项目

引入My97的JS插件


引入各式

效果图例

1、基本格式


注意:只写一个onclick事件用来触发WdatePicker方法即可
          图例:

2、图标触发:

注意:img标签中onclick方法中的el的值一定要和input框中的id的值相同
   图例:

3、静态限制日期时间

图例:

4、 动态限制日期时间
    a、 只能选择今天之前的日期(包含今天)

图例:

    b、只能选择今天之后的日期(包含今天)

注意:如果不想包含今天,那么就 d+1,(实例: %y-%M-{%d+1}' )
    图例:

5、 禁选周六周日期:
    a、代码、禁选周六

    图例:

    b、代码、禁选周六周日:

      图例:

6、禁选指定的日期

    图例:

My97的常见错误以及注意事项

1、图标无法触发

    图例:

注意:当使用图标触发的时候,onclick事件方法里面的el的值一定要和input框中的 ID的值一致,否则my97插件无效

2、静态限制日期

 注意:minDate的时间一定要小于maxDate里面的日期,否则my97无效

猜你喜欢

转载自blog.csdn.net/qq_37345604/article/details/80160295