仿美团酒店的日期插件,修改过的

所属分类:输入-日期和时间

 1580  20  查看评论 (1)
仿美团酒店的日期插件,修改过的 ie兼容6

更新时间:2017/11/11 上午9:55:16

更新说明:解决点击空白处隐藏日期


配置如下:

$('#firstSelect').calendarSwitch({
    selectors: {
        sections: ".calendar"
    },
    index: 4, //展示的月份个数
    animateFunction: "fadeToggle", //动画效果
    controlDay: true, //知否控制在daysnumber天之内,这个数值的设置前提是总显示天数大于90天
    daysnumber: "10", //控制天数
    comeColor: "#2EB6A8", //入住颜色
    outColor: "#2EB6A8", //离店颜色
    comeoutColor: "#E0F4F2", //入住和离店之间的颜色
    callback: function() { //回调函数
        /*var startDate = $('#startDate').val().replace(/[^0-9]/ig, "");
        var endDate = $('#endDate').val().replace(/[^0-9]/ig, "");
        var NumDate = endDate-startDate;*/
        var startDate = $('#startDate').val();
        var endDate = $('#endDate').val();
        startDate = startDate.replace(/-/g, '/');
        var date1 = new Date(startDate);
        date1 = date1.getTime();
        endDate = endDate.replace(/-/g, '/');
        var date2 = new Date(endDate);
        date2 = date2.getTime();
        var NumDate = parseInt(date2) - parseInt(date1);
        //计算晚数
        $('.NumDate').text(NumDate / 1000 / 60 / 60 / 24);
        $('.mask_calendar').fadeOut(200);
        /*$('.body_box').css({
            'position':'static'
        });*/
        $('html').css({
            "overflow": "auto"
        });
        $('body').css({
            "overflow": "auto"
        });
        //下面做ajax请求
        //show_loading();
        // var bdate = $(".datepicker").val().replace("年","-").replace("月","-").replace("日","");
        /*$.post("{php echo $this->createMobileUrl('ajaxData')}",{ac:'time', bdate:startDate, day:NumDate, hid:'{$hid}'},function(data){
            data = eval("(" + data +")");
            if(data.result==1){
                location.href = data.url;
            } else {
                return false;
            }
        });*/
    },
    comfireBtn: '.comfire' //确定按钮的class或者id
});
相关插件-日期和时间

简单 通用 datetimepicker

简单 通用 datetimepicker
  日期和时间
 27766  38
  日期和时间
 17009  113

es5倒计时插件

es6编译的es5倒计时插件,支持回调函数。
  日期和时间
 2162  7

jquery日历插件SimpleCalendar

多功能日历插件SimpleCalendar,带农历、节假日。
  日期和时间
 30800  110

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    SiriBen 0
    2017/11/15 9:52:52

    不错的,不过有一点点小欠缺,就是 点“共X晚”是正确的,但是点两边的日期位置,下方弹出日期选择,上面的日期会显示出鼠标点击的光标

    回复
取消回复