日历-选择入住离开时间 super-calendar

效果预览

• 在线预览 https://stavinli.github.io/super-calendar/index.html
• 开源地址 https://github.com/StavinLi/super-calendar.git

使用说明

• 1.引入文件css

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/super-calendar.css">

• 2.html内容

    <section class="l select-time">
        <p id="rent-time">入住日期 — 离开日期</p>
        <div class="calendar-box clear"></div>
    </section>

• 3.引入js及js方法调用

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/limitTextNum.js"></script>
<script src="js/super-calendar.js"></script>
<script>
    $(".calendar-box").superCalendar({
        target: "#rent-time",
        callback: function(date) {
           console.log(date)
        }
    });
</script>

API介绍

1. target 点击对象
2. callback 回调函数