My97DatePicker4.0使用教程：时间控件详解

"My97DatePicket4.0时间控件是一款强大的JavaScript日期选择工具，具有详细的使用说明和截图，适用于多种浏览器，包括IE6.0+、Firefox2.0+、Opera9.5+和Safari3.0+。控件的主要文件包括WdatePicker.js（配置文件）、config.js（语言和皮肤配置）、calendar.js（日期库主文件）以及My97DatePicker.htm（必需文件）。此外，它还提供了不同语言和皮肤的支持，用户可以通过修改skin目录下的WdatePicker.css文件来自定义样式。" 【My97DatePicker4.0时间控件详解】 1. **目录结构与文件说明** - My97DatePicker目录保持完整，不可破坏内部结构或更改文件名，但可以更改目录名称。 - WdatePicker.js是主要的配置文件，用于在调用时引用。 - config.js负责语言和皮肤配置。 - calendar.js是核心的日期处理库。 - My97DatePicker.htm是临时页面，不能删除。 - lang目录存储各种语言文件。 - skin目录包含皮肤相关的所有文件。 2. **功能特性** - **多模式调用**：支持常规的input元素点击或聚焦调用，也支持通过其他元素（如<img>或<div>）触发WdatePicker函数。 - **图标触发**：当设置`$wdate=true`，input元素添加class="Wdate"后，右侧会出现日期图标。若不需要此样式，可移除class="Wdate"，并自定义样式。 - **兼容性**：适用于IE6.0+、Firefox2.0+、Opera9.5+、Safari3.0+等主流浏览器。 3. **日期选择方式** - **导航选择**：用户可以通过上下箭头导航选择年、月、日、时、分和秒。 - **键盘输入**：直接在输入框中键入数字来设定日期。 - **下拉选择**：提供下拉列表供用户快速选取日期。 - **智能提示**：年份输入框有智能提示功能，连续点击同一导航按钮5次会弹出年份下拉框。 4. **周显示功能** - 控件支持显示每周，可通过配置参数`isShowWeek`来开启或关闭。 5. **自定义配置** - 用户可以根据需求通过修改config.js调整语言选项，或者修改skin目录下的WdatePicker.css以定制日期选择器的外观。 6. **示例代码** - 示例1-1-1展示了常规调用方式：`<input id="d11" type="text" onClick="WdatePicker()" />` - 示例1-1-2演示了通过图标触发：`<input id="d12" type="text" /> <img onclick="WdatePicker({el:$dp.$('d12')})" src="skin/datePicker.gif" width="16" height="22" align="absmiddle">` My97DatePicker4.0时间控件是一个功能强大且易用的日期选择组件，提供丰富的调用方式和自定义选项，对于前端开发人员来说是一个非常实用的工具。