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 p . dp. dp.D(‘etime’)}’});” 设置开始时间不能大于结束时间
- οnclick=“WdatePicker({minDate:’#F{ d p . dp. dp.D(‘stime’)}’});” 设置结束时间不能小于开始时间
- οnfοcus=“WdatePicker({ dateFmt: ‘yyyy-MM-dd HH:mm:ss’})” 设置时分秒
- utocomplete=“off” 关闭自动填充(可有可无)
4. 显示效果

- 结束时间不能小于开始时间

- 开始时间不能大于结束时间


本文详细介绍如何使用My97DatePicker实现日期选择器功能,包括下载、引入JS文件及设置开始与结束时间的具体代码,确保开始时间不晚于结束时间。
877

被折叠的 条评论
为什么被折叠?



