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

4. 显示效果

在这里插入图片描述

  • 结束时间不能小于开始时间
    在这里插入图片描述
  • 开始时间不能大于结束时间

设置结束时间
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章