# My97DatePicker

**Repository Path**: zyj0021/My97DatePicker

## Basic Information

- **Project Name**: My97DatePicker
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-22
- **Last Updated**: 2025-12-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## My97DatePicker
---
#### 1.注意事项
- My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
- 各目录及文件的用途:
> WdatePicker.js 配置文件,在调用的地方仅需使用该文件  
calendar.js 日期库主文件  
目录lang 存放语言文件  
目录skin 存放皮肤的相关文件
- 当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
#### 2.功能实例
- 常规调用
```
<script src="WdatePicker.js" type="text/javascript"></script>
<input id="time" type="text" onClick="WdatePicker()" />
```
- 图标触发
```
<script src="WdatePicker.js" type="text/javascript"></script>
<input id="time" type="text" />
// $dp.$ 相当于 document.getElementById
<img src="skin/datePicker.gif" onClick="WdatePicker({el:$dp.$('time')})" width="16" height="22" align="absmiddle" />
```
- 平面展示，选择事件
```
<div id="div1"></div>
<script type="text/javascript">
	WdatePicker({eCont: 'div1',onpicked: function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}});
</script>
```
- 只能选择今天以前的日期(包括今天)
```
<script src="WdatePicker.js" type="text/javascript"></script>
<input id="time" type="text" class="Wdate" onfocus="WdatePicker({skin: 'whyGreen', maxDate: '%y-%M-%d'})" />
```
- 只能选择今天以后的日期(不包括今天)
```
<script src="WdatePicker.js" type="text/javascript"></script>
<input id="time" type="text" class="Wdate" onFocus="WdatePicker({skin: 'whyGreen', minDate: '%y-%M-#{%d + 1}'})" />
```
- 起止时间，开始日期不能大于截止时间，且都不能大于今天
```
<script src="WdatePicker.js" type="text/javascript"></script>
// $dp.$ 相当于 document.getElementById 函数.  
那么为什么里面的 ' 使用 \' 呢? 那是因为 " 和 ' 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.  
所以您在其他地方使用时注意把 \' 改成 " 或者 ' 来使用.  
#F{$dp.$D(\'endtime\')||\'%y-%M-%d\'} 表示当 endtime 为空时, 采用 当前时间 的值作为最大值
<input id="starttime" type="text" class="Wdate" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'endtime\') || \'%y-%M-%d\'}'})" />
<input id="endtime" type="text" class="Wdate" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'starttime\')}', maxDate: '%y-%M-%d'})" />
```