如何在Laravel Blade中通过循环优化工作日时段选择实现并生成指定格式的时间数组

嘿，这个需求其实挺常见的，咱们一步步来搞定它！

首先，咱们先把要生成的时段整理成一个可循环的数据源，这样就不用手动写每个复选框了。这里推荐用Carbon来生成时段，灵活又不容易出错，当然你也可以直接写死数组，看你需求。

1. 准备时段数据源 #

在你的控制器里（或者直接在Blade模板里，不过控制器里处理更清晰），生成需要的时段列表：

// 控制器示例
use Carbon\Carbon;

$startTime = Carbon::parse('6:00');
$endTime = Carbon::parse('18:00'); // 假设到下午6点结束，你可以按需调整
$timeSlots = [];

while ($startTime <= $endTime) {
    $timeSlots[] = $startTime->format('H:i');
    $startTime->addMinutes(20);
}

return view('your-view-name', compact('timeSlots'));

如果不想用Carbon，也可以直接定义固定数组：

$timeSlots = ['6:00', '6:20', '6:40', '7:00', ...]; // 把所有需要的时段列出来即可

2. Blade模板里循环渲染复选框 #

现在在Blade里循环这个$timeSlots数组，自动生成对应的复选框：

<input type="date" name="date" required>
<li class="list-group-item">
    @foreach($timeSlots as $slot)
        <input type="checkbox" name="time[]" value="{{ $slot }}"> {{ $slot }}
        &nbsp;&nbsp; <!-- 加个空格让布局更舒服，也可以用换行或样式调整 -->
    @endforeach
</li>

这样不管你要加多少个时段，都能自动生成，再也不用手动复制粘贴啦。

3. 处理提交后的请求，生成目标格式数组 #

当用户提交表单后，在接收请求的控制器方法里，把选中的时段和日期拼接成你要的格式：

public function store(Request $request)
{
    // 先做基础验证
    $request->validate([
        'date' => 'required|date',
        'time' => 'array',
        'time.*' => 'string',
    ]);

    $selectedTimes = [];
    $selectedDate = $request->input('date');

    foreach ($request->input('time', []) as $index => $slot) {
        // 键从1开始计数，所以用index+1
        $selectedTimes[$index + 1] = "{$selectedDate} {$slot}";
    }

    // 现在$selectedTimes就是你要的格式：["1" => "2021-08-20 6:00", "2" => "2021-08-20 6:20"...]
    // 接下来可以保存到数据库或者做其他业务处理
}

额外小提示 #

• 如果需要默认选中某些时段，可以在循环时加判断：checked="{{ in_array($slot, $preselectedSlots) ? 'checked' : '' }}"
• 可以把时段生成的逻辑封装成辅助函数，方便在多个页面复用

内容的提问来源于stack exchange，提问作者Aipo