日历插件引用详解编程语言

日历插件引用

插件导入

    <script type=”text/javascript” src=”../js/calendar-hotelDetail/laydate.dev.js”></script>

html代码：

    <div class=”calendar-div”>

        入住<input class=”calendar” id=”calendar1″> 退房

        <input class=”calendar” id=”calendar2″> 共

        <span id=”day”>1晚

    </div>

js代码：/*日历初始化与应用*/

    laydate({

        elem: ‘#calendar1’,

    });

    laydate({

        elem: ‘#calendar2’,

        choose: function(datas) {

            var str1 = $(“#calendar1”).val();

            var date1 = Date.parse(str1);

            var date2 = Date.parse(datas);

            var date = date2 – date1;

            if(date < 0) {

                alert(“后面选的日期不能小于前面”);

                $(“#calendar2”).val(“”);

                return;

            } else {

                $(“#day”).html(date / 1000 / 60 / 60 / 24);

            }

        }

    });