在 Laravel 4 表单中使用引导日期选择器答案

【问题标题】：Using bootstrap datepicker in Laravel 4 form在 Laravel 4 表单中使用引导日期选择器
【发布时间】：2014-09-10 18:58:38
【问题描述】：

我在尝试使用引导日期选择器 (http://tinyurl.com/o7njj9n) 时遇到了一些麻烦。

我尝试使用以下 2 个线程的建议： laravel using twitter bootstrap and datepicker 和Laravel 4 with bootstrap-datepicker 但在解决问题时运气不佳。

目前，这是我的表单字段：

{{ Form::text('date', null, array('type' => 'text', 'class' => 'form-control datepicker','placeholder' => 'Pick the date this task should be completed', 'id' => 'calendar')) }}

我在我的主模板中引用了 CSS 和 JS，如下所示：

<link rel="stylesheet" href="css/datepicker3.css">

<script type="text/javascript" src="/bootstrap-datepicker.js"></script>

我有以下 javascript：

<script type="text/javascript">
$(document).ready(function() {

    $('#calendar').datepicker({
    });

} );
</script>

我不知道出了什么问题？

感谢您的帮助。

编辑：问题是在文本字段内单击时不会出现日历。

【问题讨论】：

您能否描述一下问题是什么，或者您看到哪些错误（如果有）？
您的开发者工具控制台中是否有任何错误？
我没有发现任何错误。当我单击文本字段时，日历不显示。
从您的输入字段中删除 'data-datepicker' => 'datepicker'。
嗨，Edward，我已经按照您的建议完成了，但没有运气。我已经编辑了问题中的代码以反映这一点。

标签： jquery twitter-bootstrap laravel datepicker

【解决方案1】：

通过将 'date-picker.js' 脚本依赖项移动到 jquery 依赖项下方，问题得到解决。我想有点傻，但我是 web-dev 的新手：/

【讨论】：