1.首先导入主要js:
效果如下图:
如果需要在开始的时候指定时间则:
2.日期选择没有到时分秒的方式。
效果如下图:
<script type="text/javascript" src="date/My97DatePicker/WdatePicker.js"/>
<label style="padding: 3px"><span>开始时间:</span>
<input type="text" id="dd" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'sdd\',{M:-4});}',maxDate:'#F{$dp.$D(\'sdd\',{d:0});}'})" class="Wdate" />
</label>
<label style="padding: 3px">
<span>结束时间:</span>
<input type="text" id="sdd" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'dd\');}',maxDate:'#F{$dp.$D(\'dd\',{M:+4});}'})"
class="Wdate" />
</label>
效果如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/846072f6359e67fdcac7807fb0af9770.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/7c0804ed25baa53857ca031269cc378f.jpeg)
如果需要在开始的时候指定时间则:
$(function() { //设置历史时间 var date = new Date(); month = (date.getMonth()+1)<10?'0'+(date.getMonth()+1):date.getDate() ; day = date.getDate()<10?'0'+(date.getDate()):date.getDate() ; hours = date.getHours()<10?'0'+(date.getHours()):date.getHours() ; minutes = date.getMinutes()<10?'0'+(date.getMinutes()):date.getMinutes(); seconds = date.getSeconds()<10?'0'+(date.getSeconds()):date.getSeconds(); $("#开始时间id").val(date.getFullYear()+'-'+month+'-'+day+' 00:00:00'); $("#结束时间id").val(date.getFullYear()+'-'+month+'-'+day+' '+hours+':'+minutes+':'+seconds); });
2.日期选择没有到时分秒的方式。
<input id="开始时间" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate"/>
<input id="结束时间" οnfοcus="WdatePicker({minDate:'#F{$dp.$D(\'exestate\')}',dateFmt:'yyyy-MM-dd'})" class="Wdate"/>
效果如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/fe95dfcaf8255bae063fcf70ccd38179.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/76f63dff09855466bce59712c7a57b92.jpeg)