My97DatePicker 显示时分秒且开始时间不能大于结束时间,结束时间不能小于开始时间

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 显示时分秒且开始时间不能大于结束时间,结束时间不能小于开始时间_第1张图片

  • 结束时间不能小于开始时间
    My97DatePicker 显示时分秒且开始时间不能大于结束时间,结束时间不能小于开始时间_第2张图片
  • 开始时间不能大于结束时间

My97DatePicker 显示时分秒且开始时间不能大于结束时间,结束时间不能小于开始时间_第3张图片
My97DatePicker 显示时分秒且开始时间不能大于结束时间,结束时间不能小于开始时间_第4张图片

你可能感兴趣的:(JAVA,java)