my97_DatePicke_API

【my97_DatePicker_API】是一个来自百度的JavaScript日期选择插件，主要用于简化网页中日期输入的交互。这个API提供了一种便捷的方式来实现日期选择器，适用于多种浏览器，包括IE6.0+、Firefox2.0+、Chrome、Opera9.5+以及Safari3.0+。 ### 1. 插件结构与文件说明 - **WdatePicker.js**：配置文件，用于在页面中引入日期选择器，可以有多个不同的版本（如xx_WdatePicker.js）。 - **config.js**：语言和皮肤配置文件，无需额外引入。 - **calendar.js**：日期库的主要文件，不需直接引入。 - **My97DatePicker.htm**：临时页面文件，不可删除。 - **lang**：存放语言文件，可以按需添加或删除不同语言的文件。 - **skin**：存放皮肤文件，可以根据需求调整或添加新的皮肤包。 ### 2. 功能特性 #### 2.1 多样化的调用方式 - **常规调用**：用户点击input字段或者获取焦点时自动弹出日期选择器，例如`<input id="d11" type="text" onClick="WdatePicker()" />`。 - **图标触发**：可以绑定到图片或其他元素，如`<img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">`。 #### 2.2 日期选择方式 - **导航选择**：通过日期选择器上的导航图标进行选择。 - **键盘输入**：直接在输入框内输入数字选择日期。 - **下拉选择**：从弹出的下拉框中选择日期。 #### 2.3 年月日时分秒输入 - 支持年月日时分秒的输入，同时具有智能提示功能，连续点击同一导航按钮5次，会自动弹出年份下拉框。 #### 2.4 显示周 - **isShowWeek**属性控制是否显示周，可以选择返回选定的周数。 - **whichDayIsFirstWeek**属性定义周算法，支持ISO8601（默认）、MSExcel和自定义。 #### 2.5 自定义事件与API - **onpicked**事件：在用户选择日期后触发，可用于将选择的周数赋值给其他输入框。 - **$dp.cal.getP**方法：获取日期相关的属性，如周数。 #### 2.6 其他设置 - **readOnly**：设定日期输入框是否只读。 - **highLineWeekDay**：是否高亮显示周末日期。 - **isShowClear**和**isShowToday**：控制是否显示清除和今天的按钮，可按需定制。 ### 3. 兼容性 my97_DatePicker_API完美支持IE8.0及以上版本，如果在使用中遇到问题，尤其是在IE8上，建议提供包含问题的纯HTML代码包以便于调试。 my97_DatePicker_API提供了丰富的配置选项和强大的功能，能够满足各种日期输入场景的需求，通过自定义皮肤和事件，可以轻松地集成到各种网页设计中，提高用户体验。