> For the complete documentation index, see [llms.txt](https://help.sesami.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sesami.co/zh-cn/yu-yue/booking-experiences/month-day-view.md).

# 月/日视图

现代的月视图日历，让客户更容易找到可用时段。

## 什么是月/日视图？

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

[**查看演示 →**](https://demo.sesami.co/products/cycling)

## 主要功能

### 清晰的月度概览

* **月视图** - 客户一目了然地看到整个月
* **高亮可用日期** - 轻松看出哪些日期有可用时段
* **现代设计** - 简洁、直观的界面

### 可自定义外观

* **品牌颜色** - 更改日历的主色调以匹配你的品牌
* **可配置选项** - 控制客户看到什么以及他们如何互动

### 团体预订支持

适用于 [团体预约](/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. 打开 **Sesami 设置**.
2. 前往 **日历体验**.

   选择：

   * **V2** 在 **Sesami Shopify 应用中**，或
   * **Sesami V2** 在 **Sesami 管理门户**.
3. 点击 **保存**.

<div><figure><img src="/files/6de50c7dd3251c06f0490a6ef7c2fcb78e6f615b" alt=""><figcaption></figcaption></figure> <figure><img src="/files/0ef06a3c52d2affc2a67d5aebf6ea5184b068050" alt=""><figcaption></figcaption></figure></div>

商家可以轻松在日历之间切换，并在 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.