考勤系统Clock In/Out按钮异常问题排查求助

我正在开发考勤系统的打卡模块，核心功能是支持用户进行Clock In（签到）和Clock Out（签退）操作。

功能需求 #

• 用户打开系统时，仅Clock In按钮可用，Clock Out按钮处于禁用状态
• 点击Clock In按钮完成签到后，该按钮自动禁用，同时Clock Out按钮切换为可用状态
• 当日完成签到+签退操作后，两个按钮均保持禁用状态

现存问题 #

1. Clock Out按钮无法正常触发签退操作，点击后无响应或逻辑不执行
2. Clock In按钮未按预期在当日22:00之后重新启用，无法进行次日签到（或补签）

我已经整理并附上了以下相关代码及结构：

• 后端AttendanceController代码
• 前端按钮的HTML/CSS/JS代码
• 前后端交互的Ajax请求代码
• 数据库attendances表的结构定义

尝试过调整按钮状态逻辑、时间判断条件、Ajax请求参数等多种方式，问题仍未解决，希望能得到技术上的帮助。

内容的提问来源于stack exchange，提问作者The A.I