基于html5酒店预订日期选择手机日历

基于html5酒店预订日期选择手机日历。这是一款基于jQuery+CSS3实现的手机移动端日历插件。效果图如下:

在线预览    源码下载

实现的代码。

html代码:

  <div style="width:500px;margin:0 auto;">
        <br><br><br><br><br>
        <div class="ta_date" id="div_date1">
            <span class="date_title" id="date1"></span>
        </div>
    </div>
    <script type="text/javascript">
        //			var STATS_START_TIME = '4329148800';
        var dateRange1 = new pickerDateRange('date1', {
            aRecent90Days: 'aRecent90Days', //最近90天
            //				isTodayValid : true,
            startDate: '2015-11-01',
            endDate: '2015-11-01',
            needCompare: false,
            defaultText: ' 离开 ',
            autoSubmit: false,
            inputTrigger: 'input_trigger1',
            theme: 'ta'
        });

    </script>

via:http://www.w2bc.com/article/2015-11-18-jquery-hotel-date

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3