引用jquery的日历插件,注意要导入css

网上搜索三个js文件:jquery-1.8.1.min.js,jquery.datepick.js,jquery.datepick-zh-CN.js
[color=red]注意还要有css文件:smoothness.datepick.css[/color]
引用:
<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值