1. 首先到My97DatePicker官网下载zip文件,解压,可以看到有个 WdatePicker.js 文件(基本只需要下载这个就可以)
2. 引入js文件
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3. 代码
开始时间:<input type="text" id="stime" placeholder="开始时间" autocomplete="off" οnfοcus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss'})" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'etime\')}'});">
结束时间:<input type="text" id="etime" placeholder="结束时间" autocomplete="off" οnfοcus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss'})" onclick="WdatePicker({minDate:'#F{$dp.$D(\'stime\')}'});">
- placeholder 提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。(可有可无)
- oοnclick=“WdatePicker({maxDate:’#F{D(‘etime’)}’});” 设置开始时间不能大于结束时间
- οnclick=“WdatePicker({minDate:’#F{D(‘stime’)}’});” 设置结束时间不能小于开始时间
- οnfοcus=“WdatePicker({ dateFmt: ‘yyyy-MM-dd HH:mm:ss’})” 设置时分秒
- utocomplete=“off” 关闭自动填充(可有可无)
4. 显示效果
- 结束时间不能小于开始时间
- 开始时间不能大于结束时间