引用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>