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]);
}
}