首页/ 资源中心/ 移动端网页/ 体温记录日历 H5
🌡️

体温记录日历 H5

医疗健康 · 上传者 驰旭教育 · 更新于 2026-07-15
移动端网页 会员专享 原生JS移动端H5医疗健康日历组件
5浏览
0下载
0点赞
2026-07-15更新

⚠ 版权与免责声明

本资源由社区用户「驰旭教育」上传分享,版权归原作者所有。
· 本站内容仅限个人学习与研究使用,严禁用于任何商业用途
· 下载后请于 24 小时内删除或销毁,逾期风险自负。
· 因参考、运行本站代码产生的任何损失,本站不承担赔偿责任。
· 如涉及侵权,请联系我们,核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息,均属于在学习研究时的测试模拟数据,与现实中的同名任何个人、企业、组织无任何关联;若有雷同,纯属巧合。如这些内容无意中侵犯您的合法权益,请联系我们,核实后将及时删除或更改。

功能介绍

  • 月视图体温日历
  • 异常体温高亮
  • 一天多条记录
  • 口腔/腋下/额温
  • 早中晚夜时段
  • 症状备注
  • 本月统计面板
  • 阈值自定义
  • localStorage 持久化
  • 演示数据预置

界面预览

界面预览
界面预览
界面预览

源码结构

r13/
├─ index.html 体温记录日历主页面(月视图 · 录入 · 异常高亮 · 统计)
├─ css/style.css 医疗健康主题样式(青绿主色 + 发热珊瑚红高亮)
└─ js/main.js 日历逻辑 · 体温分级 · 持久化 · 阈值设置

详细说明

移动端体温记录日历 H5,纯 HTML + CSS + 原生 JavaScript 实现,零依赖、可直接运行。

支持月视图切换、按日期录入体温(口腔 / 腋下 / 额温,早中晚夜时段,备注),并自动根据阈值对异常体温进行高亮。

体温分级为:体温过低、偏低、正常、低热、高热;高热单元格带 ⚠ 警告角标,首页统计条实时展示本月记录天数、异常天数、最高/最低体温。

数据通过 localStorage 本地持久化;首次打开会自动注入演示数据,方便直接体验异常高亮效果;用户可在设置中自定义异常判定阈值。

下载压缩包后解压,按源码内 README 配置 AppID / 接口地址 / 云环境,使用对应开发者工具导入即可预览。如遇问题可在评论区留言,由上传者与其他社区成员交流答疑。

用户评论 0

还没有评论,来抢沙发~