You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.07 00:07:35