
使用方法
1、开始
引入相关文件
<link rel="stylesheet" href="calendar.css" />
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="date.js"></script>
2、html代码
<input type="text" id="startDate" />
<input type="text" id="endDate" />
<div id="calendar"></div>
<div id="firstSelect">选择按钮</div>
input是日期框;
id=calendar的div是日期列表的父元素;
3、js代码
$('#firstSelect').calendarSwitch({
selectors : {
sections : "#calendar"
},
index : 4, //展示的月份个数
animateFunction : "toggle", //显示日历的动画效果
controlDay:false,//是否控制在daysnumber天之内,这个数值的设置前提是总显示天数大于90天
daysnumber : "90", //控制天数,具体天数要配合index参数
comeColor : "blue", //入住颜色
outColor : "red", //离店颜色
comeoutColor : "#0cf", //入住和离店之间的颜色
callback : "" , //回调函数
comfireBtn:'.comfire'//确定按钮的class或者id
});