网上搜索三个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>
分享到:
相关推荐
日历插件 一款非常好用的插件................................................................................................................................................................................
jQuery日历插件wdcalendar
这是款基于jquery的日历插件calendar ,是一款好用的日历插件,适用于网页开发,界面简洁大气
jQuery日历插件CLNDR是一款动态前端的日历插件。
jQuery日历插件FullCalendar 演示地址:http://www.jq22.com/jquery-info278
jQuery日历签到插件
一款使用jquery结合swiper.js来制作的手机端带农历的万年历插件。该万年历类似百度的万年历,带有农历日期。用户可以通过类似iphone的滚轮来选择不同的的日期。
jquery日历签到插件对需要日历插件的童鞋有帮助,
基于jquery的日历日程插件,包含24节气,美观大气,操作简单,可用于基于日历日程类的web系统开发
多款不同样式jQuery日历插件是一款基于jquery css3实现的多样式支持添加事件的jQuery日历代码。
e-calendar是一款jQuery简单带记事功能的日历插件。通过该jQuery日历插件你可以记录或设置某天某个时刻发生的事情,具有工作备忘录的功能。通过简单的参数设置你就可以定制该日历插件的外观。
jQuery日历显示插件大全......
修改后的jquery日历插件让大家易懂易用
非常好用的jquery日历控件。支持年月日,中文显示。
jquery 日历插件 中文的月份, 界面优美 ,代码简洁 ,易用..
FullCalendar jQuery日历插件.zip