【问题标题】:laravel using twitter bootstrap and datepickerlaravel 使用 twitter bootstrap 和 datepicker
【发布时间】:2015-07-19 02:27:27
【问题描述】:

我正在尝试以 laravel 标签创建的形式呈现日期选择器。到目前为止,除了常规文本字段外,没有显示其他内容。

我使用this 作为日期选择器。我做了以下表格:

<p>{{ Form::text('dob', '', array('class' => 'form-control','placeholder' => 'تاريخ الميلاد', 'data-datepicker' => 'datepicker')) }}</p>

不过,我只得到这个:

这里有什么建议?我还将 css 和 js 添加到标题中,所以一切都应该到位。

谢谢,

更新:在 footer.blade.php 中调用 datepicker js 函数,所有其他调用都是:

{{ HTML::script('/public/assets/js/bootstrap-typeahead.js') }}
{{ HTML::script('/public/assets/js/bootstrap-datepicker.js') }}

<script>
    $('.datepicker').datepicker()
</script>

这仍然没有改变任何东西。

【问题讨论】:

  • 您是否通过 javascript 调用了日期选择器? $('.datepicker').datepicker()
  • 没有明确调用。应该在哪里添加?只有 $('.datepicker').datepicker() 可以吗?
  • 这应该添加到您的 javascript 中,将 html 类 datepicker 添加到您的组件中,然后您的页面的 javascript 只需添加 $('.datepicker').datepicker()。它应该可以工作。
  • 我这样做了,但没有用...更新问题以包含它
  • 将日期选择器类添加到文本字段的类属性中。

标签: laravel laravel-4 datepicker


【解决方案1】:

使用 id 初始化日期选择器

{!! Form::input('date', 'dob', date('d-m-Y'), ['class' => 'form-control', 'id' => 'dob', 'data-date-format' => "dd-mm-yyyy"]) !!}

并使用这个 javascript

$('#dob').datepicker();

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-05-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-10
    相关资源
    最近更新 更多