如何使用 laravelcollective 在 Laravel 中使用 datetimepicker答案

【问题标题】：How to use datetimepicker in Laravel using laravelcollective如何使用 laravelcollective 在 Laravel 中使用 datetimepicker
【发布时间】：2018-11-14 19:26:07
【问题描述】：

祝大家今天好我正在创建一个 Laravel 项目，我想知道如果可能的话，如何使用 laravelcollective 在视图中放置和使用 datetimepicker，如果不是，请提出一些建议。我使用了 form::date 但创建了一个不合适的简单文本框。我现在使用的代码：

{{Form::date('DateOfProduction', \Carbon\Carbon::now(), ['class'=>'form-control','style' => 'max-width: 200px'])}}

【问题讨论】：

您希望看到 HTML5 日期选择器还是使用 JavaScript 库的自定义日期选择器？
@R.Chappell，我对 Laravel 和 Web 开发还很陌生，我使用 laravelcollective 让我的所有领域都保持一致。我只需要确保有 datetimepicker 允许用户选择生产日期。作为专家，你能建议 Laravel 中如何使用 datetimepickers。感谢您的关注:)
您可以使用 JavaScript 将您选择的日期选择器添加到字段中。这很可能是最简单的路线。或者您可以创建一个宏来构建您自己的表单字段，以提供内置日期选择器的浏览器。
@R.Chappell，好的，谢谢你的建议 :)

标签： php laravel

【解决方案1】：

在你的应用刀片模板中，你需要做的是在你的 javascript like 之前包含 jquery 和 bootstrap datetimepicker

<script>
  $(function() {
    $( "#your_datepicker_id" ).datepicker({
    // dateFormat: 'dd/mm/yyyy',
    dateFormat: 'd/m/Y',
    changeMonth: true,
    changeYear: true});
    });
  </script>

然后在扩展应用程序的刀片模板中，在表单中执行以下操作

{!! Form::open(['route'=>'some-of-your-post-function', 'method'=>'POST', 'files'=>'true','class'=>'form']) !!}       

    <div class="form-group">
          {!! Form::label('Uploading Date') !!}
          {!! Form::text('date_of_upload',null, [
            'class' => 'form-control',
            'id' => 'your_datepicker_id',
          ]) !!}

      </div>
{!! Form::close() !!}

就这么简单，希望对你有帮助

【讨论】：

我需要添加从 1892 年到当前年份的下降年份。如何添加？

【解决方案2】：

把它放在你的脑海里

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
in your footer



<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>

你的意见

{{ Form::text('date', '', array('id' => 'datepicker')) }}

【讨论】：