时间选择器卡片插件 for Home Assistant 的 Lovelace UI

时间选择器卡片插件 for Home Assistant 的 Lovelace UI

lovelace-time-picker-card 🕰️ Time Picker Card for Home Assistant's Lovelace UI 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-time-picker-card

1. 项目介绍

lovelace-time-picker-card 是一个为 Home Assistant 的 Lovelace UI 设计的时间选择器卡片插件。它允许用户通过 Home Assistant 的输入时间实体 (input_datetime) 来选择时间。这个卡片支持多种配置选项，包括24小时或12小时制显示，隐藏或显示卡片名称，以及自定义卡片布局等。

2. 项目快速启动

要快速启动并使用 lovelace-time-picker-card 插件，请按照以下步骤操作：

使用 HACS 安装

1. 打开 Home Assistant 的配置页面。
2. 进入 HACS（Home Assistant Community Store）。
3. 点击“添加集成”，搜索 lovelace-time-picker-card 并安装。
4. 在配置文件中添加以下内容：

resources:
  - url: /hacsfiles/lovelace-time-picker-card/time-picker-card.js
    type: module

手动安装

1. 访问项目的最新发布页面，下载 time-picker-card.js 文件。
2. 将下载的文件放置在 Home Assistant 配置目录下的 www 文件夹中。
3. 在配置文件中添加以下内容：

resources:
  - url: /local/time-picker-card.js
    type: module

添加卡片到 Lovelace UI

在 Lovelace UI 的编辑模式下，添加一个新的卡片，并选择 custom:time-picker-card 类型。配置实体为你的输入时间实体，例如：

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time

3. 应用案例和最佳实践

以下是一些使用 lovelace-time-picker-card 的案例和最佳实践：

默认配置

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time

隐藏卡片名称，使用12小时制

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time
hour_mode: 12
hide: name: true

仅显示单种时间格式，控件右对齐

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time
hour_mode: 12
layout: hour_mode: single, align_controls: right
hide: name: true

卡片名称在卡片内部，控件居中对齐

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time
layout: name: inside, align_controls: center

4. 典型生态项目

lovelace-time-picker-card 作为 Home Assistant 的一个卡片插件，是 Home Assistant 生态系统中的一部分。以下是一些典型的生态项目：

• Lovelace UI：Home Assistant 的一个可定制的前端界面。
• HACS：Home Assistant Community Store，用于安装和管理社区开发的插件。
• Home Assistant：一个开源的家庭自动化平台，可以集成和控制多个智能家居设备和系统。

通过结合这些项目，用户可以打造一个高度定制化和智能化的智能家居系统。

lovelace-time-picker-card 🕰️ Time Picker Card for Home Assistant's Lovelace UI 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-time-picker-card