初始化

本指南将引导您在页面上创建一个 Booking 实例。请按照以下步骤启动该组件：

1. 引入 Booking 源文件。
2. 创建容器。
3. 使用构造函数初始化 Booking。

引入源文件

Booking 组件以两个文件的形式提供，需加载到页面中。

下载安装包 并将其解压到项目文件夹中。将以下文件添加到页面：

• booking.js — Booking 源代码
• booking.css — Booking 样式表

请确保源文件的相对路径正确。

以下代码片段从 dist/ 文件夹中引入 Booking 文件：

index.html

<script type="text/javascript" src="./dist/booking.js"></script>
<link rel="stylesheet" href="./dist/booking.css">

创建容器

添加一个用于承载 Booking 组件的 HTML 元素，并为其指定一个 ID，例如 root。

以下代码片段创建了一个 ID 为 root 的容器：

index.html

<div id="root"></div>

初始化 Booking

使用两个参数调用 booking.Booking 构造函数：

• container — 承载组件的 HTML 容器的选择器或 ID
• config — 包含配置属性的对象（参见配置属性）

以下代码片段在 #root 容器中初始化 Booking：

index.html

// 创建 Booking
new booking.Booking("#root", {
    // 配置属性
});

配置属性

信息

有关用于配置 Booking 的完整属性列表，请参阅属性概览。

示例

以下代码片段使用一组初始属性初始化 Booking：