My97DatePicker 4.2 正式版使用指南

需积分: 9 1 下载量 163 浏览量 更新于2024-07-18 收藏 425KB DOC 举报
"My97使用说明文档是一个关于My97DatePicker的详细指南,主要针对4.2正式版。My97DatePicker是一个JavaScript日期选择器,适用于网页表单中的日期输入,支持多种浏览器,包括IE6.0+、Firefox2.0+、Opera9.5+和Safari3.0+。" My97DatePicker是一个流行且功能丰富的JavaScript日期选择插件,主要用于提升用户在网页中输入日期的体验。文档中提到的4.2正式版发布于2008年12月3日。使用这个插件时,有一些重要的注意事项需要遵循: 1. My97DatePicker目录结构完整,不可破坏或更改内部文件名,但可以更改整个目录的名字。 2. `WdatePicker.js`是核心配置文件,应在调用时引用此文件。 3. `config.js`用于设置语言和皮肤选项。 4. `calendar.js`是日期库的主要文件。 5. `My97DatePicker.htm`是一个必需的临时页面文件,不能删除。 6. `lang`目录存储各种语言文件,而`skin`目录包含皮肤相关的资源。 在使用My97DatePicker时,可以通过在`<input>`标签上添加`class="Wdate"`来触发日期选择器。如果不需要默认样式,可以移除这个类或者自定义样式,通过修改`skin`目录下的`WdatePicker.css`文件。 My97DatePicker支持多种调用模式: 1. **常规调用**:用户点击`<input>`标签或使其获取焦点时调用日期选择器。例如: ```html <input id="d11" type="text" onClick="WdatePicker()" /> ``` 2. **图标触发**:可以绑定到图片或其他元素,当用户点击这些元素时调用日期选择器。例如: ```html <input id="d12" type="text" /> <img onclick="WdatePicker({el:$dp.$('d12')})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle" /> ``` 在这里,`$dp.$`函数等价于`document.getElementById`,用于获取DOM元素。 此外,My97DatePicker还支持下拉、输入和导航选择日期的功能,允许用户通过不同的方式交互来选择日期,增强了用户体验。用户可以根据需要自定义插件的行为和外观,以适应各种网页设计的需求。由于其灵活性和广泛支持的浏览器,My97DatePicker在开发中被广泛采用,特别是在需要处理日期输入的网页应用中。