特效介绍

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="https://5.jimth.com/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的唯一性。