jQuery手机端酒店日历插件


3102 | 314  | 629 | 添加收藏 上一个 下一个
资源描述 : 一款简单的手机端日历插件,可以选择入住和离店日期,控制选择天数
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
});


指尖代码 资源每日更新 www.zjdaima.com