欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 日期特效 > cQuery仿携程网带日期正文

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

作者：网页模板

大小：0.012MB

点击次数：

发布时间：2014-03-11 15:18

分享到：

特效介绍

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的唯一性。