jquery实现的时间范围赋值控件

页面效果

实现元件方法

1.引入jquery包

<script type="text/javascript" src="<%=path%>/plugins/jquery/jquery-1.7.2.min.js"></script>

2.页面中表单如下

<div class="factor1">                       <p style="padding-left:60px">                       <a id="lastsevendays" href="javascript:void(0);" class="a12">一周内</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a id="recentmonth" href="javascript:void(0);" class="a12">一月内</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                       <a id="recentquarter" href="javascript:void(0);" class="a12">一季度内</a>                       </p>                      </div>

3.调用函数方法

function dateQuery(){ $("#lastsevendays").click(function() { getFormatDate(this,"lastsevendays"); }); $("#recentmonth").click(function() { getFormatDate(this,"recentmonth"); }); $("#recentquarter").click(function() { getFormatDate(this,"recentquarter"); }); } function getFormatDate(key,specialfactor){ var result = $(key).jDateFormat({specialfactor : specialfactor}); var d = eval(result); if(d){ $("#startproductdate").val(d[0]); $("#endproductdate").val(d[1]); } }