cQuery仿携程网带日期和节日的日期控件_日期时间_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

cQuery仿携程网带日期和节日的日期控件

来源：未知作者：大小：大小： 0KB 点击次数：发布时间：2014-03-11 15:18:27 去下载去预览

特效介绍

cQuery仿携程网带日期和节日的日期控件，点击输入框弹出日起选择界面，选择对应的日期到输入框。如果选择的日期是普通日期，则会显示星期，否则会显示节日。完美兼容IE6

使用方法

第一步、在head区域引入下面的代码

1<style>
2html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button {
3    margin: 0;
4    padding: 0;
5}
6</style>
7<script type="text/javascript" src="http://www.5imoban.net/view/cQuery/cQuery.js"></script>
8<script type="text/javascript" src="js/calendar.js"></script>

第二步、在您的html文件里想要放置日期的位置放入下面的代码即可：

01<input id="calendar" type="text">
02<script>
03$("#calendar").regMod("calendar","6.0", {
04    options: {
05    autoShow: !1,
06    showWeek: !0,
07    maxDate: function() {
08        var a = (new Date).addYears(1);
09        return a.getFullYear() + "-" + (a.getMonth() + 1) + "-" + a.getDate()
10    }()
11    },
12    listeners:{
13       onBeforeShow: function() {},
14       onChange: function() {}
15    }
16})
17</script>

注意，<input id="calendar" type="text"> 这句话id的唯一性。