日期:2014-05-17  浏览次数:20596 次

引用jquery的日历插件,注意要导入css
网上搜索三个js文件:jquery-1.8.1.min.js,jquery.datepick.js,jquery.datepick-zh-CN.js
注意还要有css文件:smoothness.datepick.css
引用:
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<script type="text/javascript" src="${path}/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${path}/js/jquery.datepick.js"></script>
<script type="text/javascript" src="${path}/js/jquery.datepick-zh-CN.js"></script>
<link type="text/css" href="${path}/css/smoothness.datepick.css" rel="stylesheet">
<script type="text/javascript">
$(function() {

var nowdays = new Date();

var dateConfig = {
showOn: 'both',               //二个都显示
buttonImage: '${path}/js/calendar.gif',  //加载图片
buttonImageOnly: true,        //显示图片的地方有一个突出部分,这个就是隐藏那玩意的
changeFirstDay: false,        //这个参数干什么的呢,星期一是日历的第一个,不可以改动的
numberOfMonths: 1,            //显示二个月,默认一个月
dateFormat: 'yy-mm-dd',       //日期格式
yearRange: '-20:+20'          //前后20年,不过这根minDate是今天有冲突,自己去试吧。
};

$('#queryDate').datepick(dateConfig);

});

</script>

使用:
<td>时间:</td>
<td><input type="text" id="queryDate" name="queryDate"/></td>