Js My97DatePicker时间控件

1.首先导入主要js:


 <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>



效果如下图:





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

$(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"/>



效果如下图:








  • 大小: 58.7 KB
  • 大小: 59 KB
  • 大小: 51.5 KB
  • 大小: 53.9 KB
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值