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

客官°小女子只卖身不卖艺 2022-09-17 06:21 145阅读 0赞

## 页面效果 ##

![Center][]

## 实现元件方法 ##

1.引入jquery包

2.页面中表单如下

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

3.调用函数方法

<table> 
 <tbody> 
 <tr> 
 <td>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]); } }</td> 
 </tr> 
 </tbody> 
</table>

[Center]: /images/20220828/ee4cc49f173b4f558f8dc29bc368fe6d.png