文档介绍：My97DatePicker 使用说明文档<script type="text/javascript" src="$contextPath$/resources/tho/My97DatePicker/ " defer="defer"></script> 一. 简介 1. 简介目前的版本是: 正式版发布于 2008-12-03 2. 注意事项? My97DatePicker 目录是一个整体, 不可破坏里面的目录结构, 也不可对里面的文件改名, 可以改目录名? 是必须文件,不可删除?各目录及文件的用途: 配置文件,在调用的地方仅需使用该文件 语言和皮肤配置文件 日期库主文件) 临时页面文件,不可删除目录 lang 存放语言文件目录 skin 存放皮肤的相关文件?当 里的属性:$wdate=true 时,在 input 里加上 class="Wdate" 就会在选择框右边出现日期图标, 如果您不喜欢这个样式, 可以把 class="Wdate" 去掉, 另外也可以通过修改 skin 目录下的 文件来修改样式 3. 支持的浏览器 IE + , Firefox + , Opera + , Safari + 二. 功能及示例 1. 常规功能 1. 支持多种调用模式除了支持常规在 input 单击或获得焦点调用外, 还支持使用其他的元素如:<img><div> 等触发 WdatePicker 函数来调用弹出日期框示例 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/" width="16" height="22" align="absmiddle"> 注: $dp.$ 相当于 $dp.$ 的详细用法可以参考内置函数 ,输入, 导航选择日期年月时分秒输入框都具备以下三种特性 :年份输入框有智能提示功能,当用户连续点击同一个导航按钮 5次时,会自动弹出年份下拉框 3. 支持周显示可以通过配置 isShowWeek 属性决定是否限制周, 并且在返回日期的时候还可以通过自带的自定义事件和 API 函数返回选择的周示例 1-2-1 周显示简单应用<input id="d121" type="text" onfocus="WdatePicker({ isShowWeek: true })"/> 示例 1-2-2 利用 onpicked 事件把周赋值给另外的文本框您选择了第(W 格式)周, 另外您可以使用 WW 格式: 周<input type="text" class="Wdate" id="d122" onFocus="WdatePicker({ isShowWeek: true , onpicked: function() {$dp.$('d122_1').value=$('W','W');$dp.$('d122_2').value=$('W','W W');} })"/> onpicked 用法详见自定义事件$ 用法详见内置函数 4. 只读开关, 高亮周末功能设置 readOnly 属性 true 或 false 可指定日期框是否只读设置 highLineWeekDay 属性 ture 或 false 可指定是否高亮周末 5. 操作按钮自定义清空按钮和今天按钮, 可以根据需要进行自定义, 它们分别对应 isShowClear 和 isShowToday 默认值都是 true 示例 1-5 禁用清空功能最好把 readOnly 置为 true, 否则即使隐藏了清空按钮,用户依然可以在输入框里把值 delete 掉<input class="Wdate" type="text" id="d15" onFocus="WdatePicker({ isShowClear: false , readOnly: true })"/> 6. 自动选择显示位置当控件处在页面边界时, 它