特效介绍
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的唯一性。