jquery.datepick日历控件

首先应该导入jquery.datepick的css和js文件，可以在这个地址中下载http://plugins.jquery.com/project/datepick 下载datepick插件包；还有下载一个jQuery.js包。 
在页面中引入下面的文件 
@import "<%=request.getContextPath()%>/css/jquery.datepick.css"; 
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquerydate/jquery-latest.pack.js"></script> 
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquerydate/jquery.datepick.pack.js"></script> 
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquerydate/jquery.datepick-zh-CN.js"></script> 


<script type="text/javascript"> 
$(function() {   //页面加载完成之后自动调用的方法。 
var startDate = new Date(); 
startDate.setDate(startDate.getDate()-1);//用户只可以选择从昨天开始的时间 
var endDate = new Date(); 
endDate.setDate(endDate.getDate()+4);//限定用户可选时间的范围 
        $('#beginDate').datepick({minDate: startDate,maxDate: endDate}); 
        $('#endDate').datepick({minDate: new Date(),maxDate: endDate});  
}); 
</script> 






开始时间: <input id="beginDate" name="beginDate" class="inputbg" value="<c:if test="${flagvalue6 !=''}">${flagvalue6}</c:if><c:if test="${flagvalue6 ==''||flagvalue6==null}">${date_10}</c:if>" type="text" size="15" maxlength="10" readonly="1" style="height:18"/> 
         
                                                                                 至截止时间: <input id="endDate" name="endDate" class="inputbg" value="<c:if test="${flagvalue7 !=''}">${flagvalue7}</c:if><c:if test="${flagvalue7 ==''||flagvalue7==null}">${dateStr}</c:if>" type="text" size="15" maxlength="10" readonly="1" style="height:18"/>







这个地址介绍的这个控件非常的详细，大家可以看一下 
http://www.my97.net/dp/demo/index.htm