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. 顯示效果

在這裏插入圖片描述

  • 結束時間不能小於開始時間
    在這裏插入圖片描述
  • 開始時間不能大於結束時間

設置結束時間
在這裏插入圖片描述

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