Laravel 5.2 日期选择器

Question

几天来，我一直在尝试在我的 Web 应用程序中获取日期选择器功能（基于 Laravel 5.2）。无法正常工作。

在布局文件的头部，我添加：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css">

在底部我有

<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"></script>
<script>
  $(document).ready(function() {
    $('.datepicker').datepicker();
  });
</script>

在我的视图文件中

   <div class="input-group date" data-provide="datepicker">
     <input type="text" class="form-control">
     <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
     </div>
   </div>

我看到了日期字段，但当我点击它时，它只是试图打开日期选择器，但它显示为空（因此里面没有日期）

欢迎提出建议！

注：此处截图

Answer 1

您可能还需要添加 bootstrap.css。日历中元素的样式取自该样式表。

Answer 2

包括 bootstrap 个样式和 javascript 个文件。他们需要使用 bootstrap-datepicker.

Answer 3

如上所述，您似乎需要将 bootstrap CSS 添加到您的应用中。

如果您打算在超过 1 个视图中使用日期选择器（或任何其他 bootstrap 元素），那么我会将其添加到您的布局视图中，这比将其添加到每个文件中要容易得多.

如果您已将文件本地添加到您的项目 public/assets/css 然后用下面的命令调用它们。

<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap.min.css')}}"/>  
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap-responsive.min.css')}}"/>

或

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

Laravel 5.2 日期选择器

Laravel 5.2 datepicker

javascript

laravel

bootstrap-datepicker