2013-11-28 50 views
3

我正在使用Laravel PHP Framework和Bootstrap。我想知道如何将日期选择器插入到表单中。Laravel 4 with bootstrap-datepicker

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

这里是我的窗体的代码:

{{ Form::open(array('action' => '[email protected]')) }} 
     <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() }} 

我需要为一个datepicker替换此代码:

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

像这样:

作为及部件: enter image description here

我希望有人能帮助我:)

谢谢!

回答

2

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's和我的回答之间的区别是data-provide而不是data-datepicker

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