Laravel填写datetime-local字段时格式不匹配报错如何解决？

问题根源 #

HTML的datetime-local类型输入框提交的时间格式是YYYY-MM-DDTHH:mm（无秒数），但你的验证规则要求的是带秒数的Y-m-d\TH:i:s，两者格式不匹配，导致出现格式错误提示。

解决方案 #

方案1：调整验证规则适配控件输出（推荐）

直接修改验证规则的date_format参数，去掉秒数部分：

'dis' => 'required|date_format:Y-m-d\TH:i',
'expire' => 'required|date_format:Y-m-d\TH:i|after:dis',

这种方式无需修改前端代码，直接适配datetime-local控件的默认输出格式。

方案2：保留秒数验证，前端补全秒数

如果业务逻辑必须要求秒数，需要在前端补全秒数，并调整回显格式：

1. 修改表单回显逻辑，给旧值补全:00秒数（如果没有的话）：

<div class="form-group row">
    <label class="col-form-label col-4">Date de réception</label>
    <div class="col-8">
        <input type="datetime-local" name="dis" value="{{ old('dis') ? (str_ends_with(old('dis'), ':00') ? old('dis') : old('dis') . ':00') : '' }}" class="form-control @error('dis') is-invalid @enderror">
        @error('dis')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
</div>

<div class="form-group row">
    <label class="col-form-label col-4">Date d'expiration</label>
    <div class="col-8">
        <input type="datetime-local" name="expire" value="{{ old('expire') ? (str_ends_with(old('expire'), ':00') ? old('expire') : old('expire') . ':00') : '' }}" class="form-control @error('expire') is-invalid @enderror">
        @error('expire')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
</div>

2. 验证规则保持原有的Y-m-d\TH:i:s即可，此时提交的参数会带秒数，符合验证要求。

注：str_ends_with是Laravel辅助函数，Laravel 9+支持，低版本可使用\Illuminate\Support\Str::endsWith替代。

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