Week Planner Card 使用教程

Week Planner Card 使用教程

week-planner-cardCustom Home Assistant card displaying a responsive overview or multiple days with events from one of multiple calendars项目地址:https://gitcode.com/gh_mirrors/we/week-planner-card

项目介绍

Week Planner Card 是一个自定义的 Home Assistant 卡片，用于显示一个响应式的多日视图，包含来自一个或多个日历的事件。这个卡片可以帮助用户更好地规划和管理他们的日程安排。

项目快速启动

安装

通过 HACS (推荐)

1. 打开 Home Assistant 的 HACS 界面。
2. 导航到 "前端" 部分。
3. 点击 "浏览并下载存储库"。
4. 搜索 "Week Planner Card" 并下载。
5. 重启 Home Assistant。

手动安装

1. 下载 week-planner-card.js 文件。
2. 将文件放置在 Home Assistant 配置目录的 www 文件夹中。
3. 在 ui-lovelace.yaml 文件中添加资源引用：

resources:
  - url: /local/week-planner-card.js
    type: module

配置

在 ui-lovelace.yaml 文件中添加以下配置：

type: custom:week-planner-card
calendars:
  - entity: calendar.my_calendar_1

应用案例和最佳实践

基本配置

type: custom:week-planner-card
calendars:
  - entity: calendar.my_calendar_1

高级配置

type: custom:week-planner-card
calendars:
  - entity: calendar.my_calendar_1
    color: '#e6c229'
  - entity: calendar.my_calendar_2
    color: '#1a8fe3'
weather:
  entity: weather.my_weather_service
  showCondition: true
  showTemperature: true
  showLowTemperature: true

典型生态项目

Week Planner Card 可以与其他 Home Assistant 组件和卡片结合使用，例如：

• Calendar Entity: 用于提供日历事件数据。
• Weather Entity: 用于显示天气信息，帮助用户更好地规划户外活动。
• Card Mod: 用于自定义卡片的样式，使其更符合个人喜好。

通过这些组件和卡片的结合使用，可以创建一个功能丰富且个性化的日程规划界面。

week-planner-cardCustom Home Assistant card displaying a responsive overview or multiple days with events from one of multiple calendars项目地址:https://gitcode.com/gh_mirrors/we/week-planner-card