Laravel Blade中如何将表单日期字段改为日期时间选择?
嘿,这个问题其实很好解决,咱们只需要把原来的日期输入类型换成支持「日期+时间」的类型就行啦!
核心修改思路
你之前用的Form::date()生成的是type="date"的输入框,只能选择日期;要同时支持时间选择,咱们需要换成datetime-local类型的输入控件,它会让浏览器显示带日期和时间(小时+分钟)的选择器。
修改后的代码示例
这里给你两种可行的修改方式:
方式1:使用Laravel Collective的datetimeLocal方法(版本支持的话更简洁)
<div class="col-sm-7 col-md-7 col-lg-5"> {{ Form::datetimeLocal('date', now()->format('Y-m-d\TH:i'), ['class' => 'form-control']) }} {{-- {!! Form::text('date', null, ['class' => 'form-control']) !!} --}} </div>
方式2:手动指定input类型(兼容性更强,适配所有Laravel Collective版本)
<div class="col-sm-7 col-md-7 col-lg-5"> {{ Form::input('datetime-local', 'date', now()->format('Y-m-d\TH:i'), ['class' => 'form-control']) }} {{-- {!! Form::text('date', null, ['class' => 'form-control']) !!} --}} </div>
关键细节说明
- 关于默认值格式:
datetime-local要求输入的默认值必须是YYYY-MM-DDTHH:MM格式(其中T是日期和时间的固定分隔符),所以咱们用now()->format('Y-m-d\TH:i')(或者(new \DateTime())->format('Y-m-d\TH:i'))来生成符合要求的当前时间。 - 数据库适配:确保你的数据库中对应的字段类型是
datetime或timestamp,这样才能正确存储包含时间的数据。
内容的提问来源于stack exchange,提问作者Emia
相关产品推荐
相关产品推荐

