文档介绍：一. 简介 1. 简介目前的版本是: 正式版发布于 2008-05-30 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. 自动选择显示位置当控件处在页面边界时,它会自动选择显示的位置,所以没有必要担心弹出框会被页面边界遮住的问题了. 7. 自定义弹出位置当控件处在页面边界时, position 1-6 通过 position 属性, 自定义弹出位置使用 positon 属性指定,弹出日期的坐标为{left: