jsp日期控件My97DatePicker的使用

 My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 
1、下载My97DatePicker组件包 
2、将My97DatePicker包放在项目WebContent目录下


3、在页面中引入该组件js文件: 
    <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 
4、页面使用两个方式: 
    常规调用:  <input id="d11" type="text" onClick="WdatePicker()"/> 
    图标触发: 
     <input id="d12" type="text"/> 
     <img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" _fcksavedurl="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> 
     注:$dp.$ 相当于 document.getElementById 

 

http://www.mysuc.com/test/My97DatePicker/也有更详细的解释。

 

1. 简介

目前的版本是:4.0 正式版 发布于2008-05-30

2. 注意事项

  • My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
  • My97DatePicker.htm是必须文件,不可删除
  • 各目录及文件的用途: 
    WdatePicker.js 配置文件,在调用的地方仅需使用该文件 
    config.js 语言和皮肤配置文件 
    calendar.js 日期库主文件) 
    My97DatePicker.htm 临时页面文件,不可删除
    目录lang 存放语言文件 
    目录skin 存放皮肤的相关文件
  • 当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

3. 支持的浏览器

IE 6.0+ , Firefox 2.0+ , Opera 9.5+ , Safari 3.0+

posted @ 2016-02-24 09:57  zzlp  阅读(845)  评论(0编辑  收藏  举报