仿美团酒店预订的html模板,jQuery手机端仿美团酒店预订日期选择插件

js代码

$(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);

var startDate = $('#startDate').val(); //入住的天数

var endDate = $('#endDate').val(); //离店的天数

var NumDate = $('.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

});

var b=new Date();

var ye=b.getFullYear();

var mo=b.getMonth()+1;

mo = mo<10?"0"+mo:mo;

var da=b.getDate();

da = da<10?"0"+da:da;

$('#startDate').val(ye+'-'+mo+'-'+da);

b=new Date(b.getTime()+24*3600*1000);

var ye=b.getFullYear();

var mo=b.getMonth()+1;

mo = mo<10?"0"+mo:mo;

var da=b.getDate();

da = da<10?"0"+da:da;

$('#endDate').val(ye+'-'+mo+'-'+da);

});

仿美团酒店预订的html模板,jQuery手机端仿美团酒店预订日期选择插件相关推荐

各类商会协会单位类织梦模板(带手机端)
模板名称: 各类商会协会单位类织梦模板(带手机端)+PC+移动端+利于SEO优化模板介绍: 织梦最新内核开发的模板,该模板属于企业通用.商会.协会.事业单位类等设备类企业都可使用, 这款模板使用范围 ...
html5手机端三级联动城市选择代码,省市县三级联动(jQuery手机端收货地址选择地区代码)...
[实例简介] [实例截图] [核心代码] jQuery手机端收货地址选择代码 - 站长素材默认调用所在地区: 设置默认值所在地区: /** * 默认调用 */ !function () { va ...
油墨研发打印机定制企业销售类网站源码 dedecms织梦模板 (带手机端)
简介: 1.整个源码通过云查杀系统查杀,绿色安全无后门: 2.cms程序为织梦V5.7官方2018-01-09版: 3.测试环境php5.6+MySQL5.7+Apache: 4.删除后台多余模块,增 ...
移动端点击保存图片_财经理财新闻资讯类网站织梦模板(带手机端)
模板名称:财经理财新闻资讯类网站织梦模板(带手机端)+PC+移动端+利于SEO优化模板介绍: 织梦最新内核开发的模板,该模板属于财经.理财.投资.新闻.资讯料类企业使用, 自带最新的手机移动端,同一个 ...
jquery日期选择插件
这个插件最近发现有一个小Bug,已经修改过. 又写了一个日期选择插件,大家看代码吧,不知怎么的,老是上传不了资源文件了 /* * $-color 0.1 - New Wave Javascript * ...
QQ空间日志说说类网站织梦模板(带手机端)
QQ空间日志说说类网站织梦模板(带手机端) PC wap 利于SEO优化带原站采集规则模板介绍: 织梦最新内核开发的模板,该模板属于QQ说说.空间日志类企业都可使用, 这款模板使用范围极广,不仅仅 ...
在线答题手机html样式,jQuery手机端答题代码
特效描述:jQuery 手机端答题.jQuery手机端答题代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 lamoda调查问卷感谢光临lamoda体验中心! 3D时尚定制鞋开创 ...
机动车驾驶培训学校驾校类完整网站织梦模板(带手机端)
源码介绍机动车驾驶培训学校驾校类完整网站织梦模板(带手机端) thinkphp 3.2 php 考题网站手机 PC 平板通杀 APP驾考宝典,PHP在线考试系统网站演示手机WAP截图源码截图 ...
工业环保工程案例展示企业网站织梦模板(带手机端)
模板类型:PC端-单独移动端模板颜色:蓝色模板编码:utf8 模板行业:企业公司文件版本:dedecms5.7 本文转载自星空资源网来源链接:工业环保工程案例展示企业网站织梦模板(带手机端) ...
dede手机端仿站标签合集
dede手机端仿站标签合集 PC跳转标签首页跳转 <meta name="mobile-agent" content="format=xhtml;url=http ...

仿美团酒店预订的html模板,jQuery手机端仿美团酒店预订日期选择插件

仿美团酒店预订的html模板,jQuery手机端仿美团酒店预订日期选择插件相关推荐

最新文章

热门文章