拥抱“部件视图”-之-小部件

relliky

大佬厉害，看看部件是啥

Mowen

谢谢分享

wenbieba

大佬你好，时间日期星期模板分享一下，我这个不更新，不知什么原因，sensor:
  - name: Time
    state: "{{ now().strftime('%H:%M:%S') }}"
    icon: "mdi:calendar-clock"
  
  - name: Date
    state: "{{ now().strftime('%Y-%m-%d') }}"
    icon: "mdi:calendar-clock"
  
  - name: Weekday
    state: >
      {% set days = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'] %}
      {{ days[now().weekday()] }}
    icon: "mdi:calendar-today"

wenbieba

卡片导致不更新时间，还以为模板有问题

wenbieba

entity: sensor.time  # 添加实体以触发自动更新
加上可以更新了，不知大佬，只让时间像  时间＋星期  那样显示怎么写

hhh.

wenbieba 发表于 2025-11-11 18:52
entity: sensor.time  # 添加实体以触发自动更新
加上可以更新了，不知大佬，只让时间像  时间＋星期  那样 ...

不使用实体数据的弊端就是，不改变页面，不刷新卡片显示，如果常显，建议获取实体数据来显示，如时间+星期。

只让时间像  时间+星期  那样显示 ？
我的理解是去除 日期和星期 ，只显示时间吗？ 就是上面时，下面分？

wenbieba

hhh. 发表于 2025-11-11 20:13
不使用实体数据的弊端就是，不改变页面，不刷新卡片显示，如果常显，建议获取实体数据来显示，如时间+星 ...

是的，
源代码是不要加这句entity: sensor.time  才能刷新时间

hhh.

wenbieba 发表于 2025-11-12 11:59
是的，
源代码是不要加这句entity: sensor.time  才能刷新时间

是的，需要事件去刷新卡片显示。

这是单时间的显示卡片，很单调，不过之前我有一个这样的卡片时间中间加入了颜色用于区分时间，相对好看一点，有需要我再给你。

type: custom:button-card
section_mode: true
variables:
  time: sensor.time
styles:
  grid:
    - grid-template-areas: ""a" "b""
    - grid-template-columns: 100%
    - grid-template-rows: 1fr 1fr
  custom_fields:
    a:
      - font-size: 3.2em
      - font-weight: bold
      - letter-spacing: 1px
    b:
      - font-size: 3.2em
      - font-weight: bold
      - letter-spacing: 1px
custom_fields:
  a: |
    [[[
       var time = states[variables.time].state;
       return time.split(':')[0];
     ]]]    
  b: |
    [[[
       var time = states[variables.time].state;
       return time.split(':')[1];
     ]]]
grid_options:
  columns: 3
  rows: 2

复制代码

zmg

为尽可能让更多人看到

zhf883680

研究看看