酒店价格日历demo

查看演示立即下载

插件描述：基于YUI3开发的价格日历插件PriceCalendar

快速上手

引入文件

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

1	`<script` `src="/"></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"
    }  
}