# 月/日视图

现代化的月历视图，让顾客更容易找到可用时间。

## 什么是月/日视图？

月/日视图（也称为“New Sesami Booking Experience”或“V2 Calendar”）是一种现代、创新的日历界面，采用月度布局，清晰显示可用日期和时间段。

[**查看演示 →**](https://demo.sesami.co/products/tai-chi-class-booking)

## 主要功能

### 清晰的月度概览

* **月视图**  - 顾客一眼就能看到整个月
* **高亮显示可用日期**  - 轻松看出哪些日期有可用时间
* **现代设计**  - 简洁、直观的界面

### 可自定义外观

* **品牌颜色**  - 更改日历的主色调以匹配您的品牌
* **可配置选项**  - 控制顾客看到什么以及如何与之交互

### 团体预约支持

适用于 [团体预约](/zh-cn/yu-yue/booking-features/group-appointments.md)，日历会显示：

* **每个时段的可用名额**  - “剩余 3 个名额”、“剩余 1 个名额”等
* **实时可用性**  - 随着预约完成而更新

### 资源选择选项

* **显示“任何可用”选项**  - 让顾客使用任何可用资源进行预订
* **隐藏“任何可用”选项**  - 强制顾客选择特定资源（团队成员、房间等）

当您希望顾客始终选择其偏好的服务提供者时，这很有用。

请参阅： [资源选择](/zh-cn/yu-yue/booking-experiences/resource-selection.md)

## 如何启用

### 适用于 Online Store 2.0 主题

如果您的商店使用 [Shopify Online Store 2.0](https://help.shopify.com/en/manual/online-store/themes/managing-themes/upgrading-themes) 主题：

1. 在 Shopify 后台中，前往 **在线商店 > 主题**
2. 点击 **自定义** 您的当前主题
3. 进入已安装 Sesami 的产品页面
4. 点击 Sesami 应用块
5. 选择 **月/日视图** （或“New Sesami Booking Experience”）
6. **保存**

商家可以轻松在不同日历之间切换，并在 2.0 主题中自由试验。

### 适用于 Vintage 主题

如果您的商店使用 [Shopify Vintage 主题](https://help.shopify.com/en/manual/online-store/themes/managing-themes/versions):

* 月/日视图必须由 Sesami 团队手动添加
* 商家无法像 2.0 主题那样自由切换日历
* 联系 <help@sesami.co> 寻求帮助

## 自定义选项

### 体验配置器

使用 [体验配置器](https://sesami.dev/docs/storefront-integration/configurator/) 可自定义：

* 品牌主色
* 布局选项
* 显示设置
* 资源选择行为

### 主题集成

日历会自动适配您主题的样式：

* 响应式设计可在桌面、平板和移动设备上正常工作
* 使用 Lit Web Components 快速加载
* 对页面性能影响极小

## 何时使用月/日视图

月/日视图非常适合：

* **提前几天预约的服务**  - 顾客可轻松查看跨周的可用性
* **团体预约**  - 清晰显示剩余名额
* **资源选择**  - 当顾客选择其偏好的服务提供者时
* **现代品牌美学**  - 简洁、现代的设计

## 与多日视图的比较

| 功能       | 月/日视图  | 多日视图   |
| -------- | ------ | ------ |
| **布局**   | 月度网格   | 多日横向滚动 |
| **最适合**  | 提前规划   | 临近日期预订 |
| **团体预约** | 显示剩余名额 | 标准显示   |
| **资源选择** | 可配置显示  | 标准显示   |
| **默认**   | 可选     | 是（安装后） |

请参阅： [多日视图](/zh-cn/yu-yue/booking-experiences/multi-day-view.md)

## 最佳实践

* **使用品牌颜色**  - 自定义以匹配您商店的品牌形象
* **在移动设备上测试**  - 确保在所有设备上都能良好运行
* **配置资源选项**  - 根据您的业务模式决定是否显示“任何可用”
* **监控顾客反馈**  - 查看顾客是否更喜欢月视图

## 故障排除

<details>

<summary>在主题编辑器中找不到日历选择器</summary>

检查：

* 您正在使用 **Shopify 2.0 主题** （Vintage 主题需要手动设置）
* Sesami 应用块 **已添加到产品页面**
* 您处于 **自定义模式** ，针对您的正式主题（不是未发布的草稿）

</details>

<details>

<summary>团体预约的日历未显示可用名额</summary>

检查：

* 服务具有 **团体预约** 启用
* 服务有一个 **容量** 设置（每个时段最多参与人数）
* 该时间段有可用名额

请参阅： [团体预约](/zh-cn/yu-yue/booking-features/group-appointments.md)

</details>

<details>

<summary>希望强制顾客选择特定资源</summary>

* 在主题编辑器中，找到 Sesami 应用块设置
* 查找 **“隐藏任何可用”** 选项
* 启用它以隐藏“任何可用”选项

请参阅： [资源选择](/zh-cn/yu-yue/booking-experiences/resource-selection.md)

</details>

## 相关

* [多日视图](/zh-cn/yu-yue/booking-experiences/multi-day-view.md) - 经典日历体验
* [资源选择](/zh-cn/yu-yue/booking-experiences/resource-selection.md)  - 配置资源选择
* [团体预约](/zh-cn/yu-yue/booking-features/group-appointments.md) - 多参与者预订
* [本地化体验](/zh-cn/yu-yue/booking-experiences/localizing-experience.md)  - 语言和地区自定义
* [体验配置器](https://sesami.dev/docs/storefront-integration/configurator/)  - 高级自定义


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sesami.co/zh-cn/yu-yue/booking-experiences/month-day-view.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.