Js My97DatePicker时间控件

1.首先导入主要js:

 <script type="text/javascript" src="date/My97DatePicker/WdatePicker.js"/>


<label style="padding: 3px"><span>开始时间:</span>
<input type="text" id="dd"						onfocus="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" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'dd\');}',maxDate:'#F{$dp.$D(\'dd\',{M:+4});}'})"
class="Wdate" />					
</label>



效果如下图:

Js My97DatePicker时间控件

Js My97DatePicker时间控件

如果需要在开始的时候指定时间则:

$(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="开始时间" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate"/>

<input id="结束时间" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'exestate\')}',dateFmt:'yyyy-MM-dd'})" class="Wdate"/>



效果如下图:

Js My97DatePicker时间控件

Js My97DatePicker时间控件




你可能感兴趣的:(my97datepicker)