酒店价格日历demo

 查看演示  website  立即下载

快速上手

引入文件

在页面head引入YUI3.x.x种子

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

配置

var config = {
    modules: {
        'price-calendar': {
            fullpath: 'price-calendar.js', //根据项目路径调整
            type    : 'js',
            requires: ['price-calendar-css']
        },
        'price-calendar-css': {
            fullpath: 'price-calendar.css', //根据项目路径调整
            type    : 'css'
        }
    }
};

使用

YUI(config).use('price-calendar', function(Y) {
    var oCalendar = new Y.PriceCalendar();    
    //do something
})

配置参数

• date

            概述

            (默认值：当前日期) 日历初始日期

            类型

            Date (日期对象) 或 String (日期字符串)

• data

            概述

            (默认值：null) 酒店房态数据

            类型

Object
{
    "2012-05-01": {
        "price"  : "100",
        "roomNum": "10"
    },
    "2012-05-02": {
        "price"  : "120",
        "roomNum": "1"
    },
    "2012-05-03": {
        "price"  : "150",
        "roomNum": "25"
    }  
}

• count

            概述

            (默认值：2) 日历个数

            类型

            Number

• minDate

            概述

            (默认值：null) 允许操作的最小日期

            类型

            Date (日期对象) 或 String (日期字符串)

• maxDate

            概述

            (默认值：null) 允许操作的最大日期

            类型

            Date (日期对象) 或 String (日期字符串)

• depDate

            概述

            (默认值：空) 入住时间

            类型

            String (日期字符串)

• endDate

            概述

            (默认值：空) 离店时间

            类型

            String (日期字符串)

• afterDays

            概述

            (默认值：0) 等价于设置minDate和maxDate，minDate未设置时取当前日期

            类型

            Number

PREVIOUS:
NEXT:
jquery翻页表格插件
简单的Vue分页插件pagination.js