找回密码
 立即注册
查看: 5976|回复: 109

[UI界面] 本地万年历+老黄历+button_card完整卡片(2025-03-16更新)

 火.. [复制链接]

11

主题

61

回帖

2503

积分

论坛UI达人

积分
2503
金钱
2421
HASS币
28
发表于 2024-11-8 15:47:14 | 显示全部楼层 |阅读模式
本帖最后由 消逝 于 2025-3-19 18:43 编辑

1、主UI界面教程跳转:HA彩平图UI分享(2025-03-16完善万年历)
2、部分数据来源本论坛:node-red本地计算万年历流程+万年历卡片
3、部分数据来源:lunar (6tail.cn)

步骤1:导入NR,确认ha服务器链接正确
步骤2:放置button_card模板(可参照主UI教程)
步骤3:引用模板
2015-03-19更新
1、取消预先建立的辅助元素
2、NR:完全重构(配合去掉辅助元素
3、界面UI:时辰吉凶对当前时辰进行了蓝色标记
4、NR数据:增加每人生日倒计时天数(可能有bug,阳历润2月29取28号计算,农历小月30日取29计算)
5、NR数据:增加最近生日天数(可能有bug)
6、NR数据:增加最近节日天数可能有bug,最近50天内的节日数组)
7、NR数据:增加当前日期节气+天数数据
8、NR数据:增加数九数据(当前日期、点击日期)
9、NR数据:增加三伏数据(当前日期、点击日期)
2025-03-19万年历.zip (38.38 KB, 下载次数: 3, 售价: 1 金钱)

2015-03-16更新
0、万年历+老黄历
1、本地库计算、无需api和网络
2、完善的日历显示
3、日历内增加农历
(白色字体)
4、日历内增加节气
绿色字体
5、日历内增加节日(
蓝色字体
6、日历内增加调休显示
(绿角标+绿背景)
7、日历内增加生日/纪念日(橙色字体)
8、优化实体(目前是3个辅助元素+1个NR生成实体)
9、点击年月上下可翻页
10、点击日历内上下月份可翻页
11、跨月跳转可自动切换31→30
左侧pad端,  右侧手机端
微信截图_20250316140020.png












评分

参与人数 7金钱 +80 收起 理由
小小偶白 + 8 厉害了word楼主!
firewater + 10 论坛有你更精彩!
summ99111 + 8 感谢楼主分享!
hhh. + 16 高手,这是高手!
隔壁的王叔叔 + 12 真牛逼啊
sorrypqa + 16 高手,这是高手!
DDDear + 10 膜拜大神!

查看全部评分

回复

使用道具 举报

dj01 手机认证

0

主题

34

回帖

173

积分

注册会员

积分
173
金钱
139
HASS币
0
发表于 2024-11-8 16:00:46 | 显示全部楼层
66666666666666
回复

使用道具 举报

3

主题

29

回帖

461

积分

中级会员

积分
461
金钱
429
HASS币
0
发表于 2024-11-8 16:13:32 | 显示全部楼层
厉害6666
回复

使用道具 举报

0

主题

11

回帖

118

积分

注册会员

积分
118
金钱
107
HASS币
0
发表于 2024-11-8 16:33:08 | 显示全部楼层
厉害6666 过来学习的
回复

使用道具 举报

22

主题

124

回帖

978

积分

高级会员

积分
978
金钱
832
HASS币
0
发表于 2024-11-9 00:20:46 | 显示全部楼层
支持。手搓太耗时了
回复

使用道具 举报

hhh. 手机认证

9

主题

292

回帖

2736

积分

论坛UI达人

积分
2736
金钱
2435
HASS币
0
发表于 2024-11-9 00:49:32 | 显示全部楼层
这个日期选择的设计真不错。

直接使用“input_datetime.datetap”直接输出给农历计算节点, 只需要一个function节点就可以实现全部输出,这样会精简很多代码。

例:  const lunarDate = lunar.Lunar.fromDate(new Date(msg.payload));      可以尝试一下。
回复

使用道具 举报

5

主题

134

回帖

1116

积分

金牌会员

积分
1116
金钱
977
HASS币
0
发表于 2024-11-9 09:39:24 | 显示全部楼层
厉害,button card是不得不越过的大山
回复

使用道具 举报

11

主题

61

回帖

2503

积分

论坛UI达人

积分
2503
金钱
2421
HASS币
28
 楼主| 发表于 2024-11-9 12:53:31 | 显示全部楼层
hhh. 发表于 2024-11-9 00:49
这个日期选择的设计真不错。

直接使用“input_datetime.datetap”直接输出给农历计算节点, 只需要一个fun ...

我主要是对这个时间戳是真不熟悉,我试试
回复

使用道具 举报

11

主题

61

回帖

2503

积分

论坛UI达人

积分
2503
金钱
2421
HASS币
28
 楼主| 发表于 2024-11-9 12:57:11 | 显示全部楼层
hhh. 发表于 2024-11-9 00:49
这个日期选择的设计真不错。

直接使用“input_datetime.datetap”直接输出给农历计算节点, 只需要一个fun ...

var dateTime = msg.datetime + "T00:00:00";
var lunarDate = Lunar.Lunar.fromDate(new Date(dateTime));  //获取点击数后的函数头
我就是这么写的啊,只是要拼一个"T00:00:00",要不然好像不行
回复

使用道具 举报

11

主题

61

回帖

2503

积分

论坛UI达人

积分
2503
金钱
2421
HASS币
28
 楼主| 发表于 2024-11-9 13:05:22 | 显示全部楼层
hhh. 发表于 2024-11-9 00:49
这个日期选择的设计真不错。

直接使用“input_datetime.datetap”直接输出给农历计算节点, 只需要一个fun ...

我那个 农历部分不复杂,基本还是用的你得教程里的代码,
我加了日历那部分代码有点复杂,要定位日期位置(1号显示在哪个格子,在定位出其他格子应该显示几号)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-5-1 09:40 , Processed in 1.428908 second(s), 28 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表