首页 > 特效插件 > 日期时间 >  cQuery仿携程网带日期和节日的日期控件正文

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

特效介绍
cQuery仿携程网带日期和节日的日期控件
cQuery仿携程网带日期和节日的日期控件,点击输入框弹出日起选择界面,选择对应的日期到输入框。如果选择的日期是普通日期,则会显示星期,否则会显示节日。完美兼容IE6
使用方法
第一步、在head区域引入下面的代码
<style>
html, 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 {
    margin: 0;
    padding: 0;
}
</style>
<script type="text/javascript" src="http://www.5imoban.net/view/cQuery/cQuery.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
第二步、在您的html文件里想要放置日期的位置放入下面的代码即可:
<input id="calendar" type="text">
<script>
$("#calendar").regMod("calendar","6.0", {
    options: {
    autoShow: !1,
    showWeek: !0,
    maxDate: function() {
        var a = (new Date).addYears(1);
        return a.getFullYear() + "-" + (a.getMonth() + 1) + "-" + a.getDate()
    }()
    },
    listeners:{
       onBeforeShow: function() {},
       onChange: function() {}
    }
})
</script>
注意,<input id="calendar" type="text">  这句话id的唯一性。