jQuery手机端酒店日历插件

资源描述 : 一款简单的手机端日历插件，可以选择入住和离店日期，控制选择天数

资源详情

使用方法

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
 });