【问题标题】:Laravel 4 with bootstrap-datepicker带有引导日期选择器的 Laravel 4
【发布时间】:2013-12-14 20:28:39
【问题描述】:

我正在使用带有 Bootstrap 的 Laravel PHP 框架。我想知道如何在表单中插入日期选择器。

我已经安装了 bootstrap-datepicker,但不知道如何使用。

这是我的表单代码:

{{ Form::open(array('action' => 'HomeController@postRegister')) }}
        <p>{{ Form::text('first_name', '', array('class' => 'form-control','placeholder' => 'primeiro nome')) }}</p>
        <p>{{ Form::text('last_name', '', array('class' => 'form-control','placeholder' => 'último nome')) }}</p>
        <p>{{ Form::text('email', '', array('class' => 'form-control','placeholder' => 'email')) }}</p>
        <p>{{ Form::text('phone_number', '', array('class' => 'form-control','placeholder' => 'o teu número de telemóvel')) }}</p>
        **<p>{{ Form::text('date_of_birth', '', array('class' => 'form-control','placeholder' => 'a tua data de nascimento')) }}</p>**
        <p>{{ Form::password('password', array('class' => 'form-control','placeholder' => 'a tua palavra-passe')) }}</p>
        <p>{{ Form::password('password', array('class' => 'form-control','placeholder' => 'reintroduzir palavra-passe')) }}</p>
        <p>{{ Form::submit('regista-te', array('class' => 'btn btn-danger')) }}</p>
        {{ Form::close() }}

我需要将此代码替换为日期选择器:

<p>{{ Form::text('date_of_birth', '', array('class' => 'form-control','placeholder' => 'a tua data de nascimento')) }}</p>

像这样:

作为组件:

我希望有人可以帮助我:)

谢谢!

【问题讨论】:

    标签: php twitter-bootstrap datepicker laravel-4


    【解决方案1】:

    Twitter 引导使用

     data-datepicker="datepicker"
    

    显示日期选择器。 Laravel 将允许您使用与类和占位符相同的数组。

    <p>{{ Form::text('date_of_birth', '', array('class' => 'form-control','placeholder' => 'a tua data de nascimento','data-datepicker' => 'datepicker')) }}</p>
    

    【讨论】:

      【解决方案2】:

      以下内容对我有用。 @Marco 和我的答案之间的区别是 data-provide 而不是 data-datepicker

      {{ Form::text('startingDate', null, array('class' => 'form-control input-sm','placeholder' => 'Starting Date','data-provide' => 'datepicker')) }}
      

      【讨论】:

        猜你喜欢
        • 2016-02-24
        • 2020-10-14
        • 2012-10-12
        • 1970-01-01
        • 2015-02-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多