jQuery手机端仿美团酒店预订日期选择插件，一款很实用的在线预订酒店入住日期选择代码。
js代码
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/date.js"></script>
<script>
$(function(){
$('#firstSelect').on('click',function(){
$('.mask_calendar').show();
});
$('.mask_calendar').on('click',function(e){
if(e.target.className=="mask_calendar"){
$('.calendar').slideUp(200);
$('.mask_calendar').fadeOut(200);
}
})
$('#firstSelect').calendarSwitch({
selectors:{
sections:".calendar"
},
index:4,//展示的月份个数
animateFunction:"slideToggle",//动画效果
controlDay:true,//知否控制在daysnumber天之内，这个数值的设置前提是总显示天数大于90天
daysnumber:"90",//控制天数
comeColor:"#2EB6A8",//入住颜色
outColor:"#2EB6A8",//离店颜色
comeoutColor:"#E0F4F2",//入住和离店之间的颜色
callback:function(){//回调函数
$('.mask_calendar').fadeOut(200);
varstartDate=$('#startDate').val();//入住的天数
varendDate=$('#endDate').val();//离店的天数
varNumDate=$('.NumDate').text();//共多少晚
console.log(startDate);
console.log(endDate);
console.log(NumDate);
//下面做ajax请求
//show_loading();
/*$.post("demo.php",{startDate:startDate,endDate:endDate,NumDate:NumDate},function(data){
if(data.result==1){
//成功
}else{
//失败
}
});*/
},
comfireBtn:'.comfire'//确定按钮的class或者id
});
varb=newDate();
varye=b.getFullYear();
varmo=b.getMonth()+1;
mo=mo<10?"0"+mo:mo;
varda=b.getDate();
da=da<10?"0"+da:da;
$('#startDate').val(ye+'-'+mo+'-'+da);
b=newDate(b.getTime()+24*3600*1000);
varye=b.getFullYear();
varmo=b.getMonth()+1;
mo=mo<10?"0"+mo:mo;
varda=b.getDate();
da=da<10?"0"+da:da;
$('#endDate').val(ye+'-'+mo+'-'+da);
});
</script>
下载
|
|
置顶卡
变色卡