本文介绍在 Laravel 8 项目中，如何根据数据库预订状态动态禁用时间槽（radio button）控件，确保用户无法选择已被占用的时间段。核心方法是结合 Blade 模板条件语法与后端查询结果，在渲染时为已预订项添加 disabled 属性。
本文介绍在 laravel 8 项目中，如何根据数据库预订状态动态禁用时间槽（radio button）控件，确保用户无法选择已被占用的时间段。核心方法是结合 blade 模板条件语法与后端查询结果，在渲染时为已预订项添加 `disabled` 属性。
在汽车清洗预约系统等时间敏感型应用中，防止重复选择同一时间段至关重要。Laravel 8 提供了简洁高效的方案：在视图层通过 Blade 条件判断，为已预订的时间槽单选按钮添加 disabled HTML 属性。
首先，在控制器中查询当前日期下所有已被预订的时间槽（假设模型为 Booking，字段含 time_slot 和 date）：
// 在控制器中（如 BookingController@create）
$bookedSlots = Booking::where('date', today())
->pluck('time_slot') // 返回集合，如 collect(['09:00', '10:30'])
->toArray();
然后，在 Blade 模板中遍历预设的时间选项（例如每30分钟一个槽），并动态绑定 disabled 属性：
@foreach (['09:00', '09:30', '10:00', '10:30', '11:00'] as $slot)
<div class="form-check">
<input type="radio" name="time_slot" id="slot_{{ $slot }}" value="{{ $slot }}" class="form-check-input" in_array :><label class="form-check-label" for="slot_{{ $slot }}">
{{ $slot }}
</label>
</div>
@endforeach
✅ 注意事项：
- disabled 属性会阻止该 radio 被选中且不会提交其值，符合业务逻辑；
- 若需向用户明确提示“已满”，建议额外添加视觉反馈（如 text-muted 类或自定义提示文案）；
- 为保障数据一致性，前端禁用仅为体验优化，后端必须再次校验（如在 store() 方法中验证 $request->time_slot 是否未被占用）；
- 对于高频并发场景，建议配合数据库唯一约束（如 (date, time_slot) 联合唯一索引）+ 事务处理，避免竞态条件。
综上，通过 Blade 动态属性 + 后端预查 + 服务端二次校验，即可安全、可靠地实现时间槽的实时禁用，兼顾用户体验与系统健壮性。
