Laravel 4 with bootstrap-datepicker

Question

I'm using Laravel PHP Framework with Bootstrap. I want to know how to insert a datepicker in to a form.

I already have the bootstrap-datepicker installed but do not know how I will use.

Here is the code of my form:

{{ 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() }}

I need to replace this code for a datepicker:

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

Like this:

As a componet: enter image description here

I hope someone can help me :)

Thanks!

whoan · Accepted Answer · 2015-11-15 20:19:41Z

2

Twitter bootstrap uses

 data-datepicker="datepicker"

to show the date picker. Laravel will allow you to use this is the same array as the class and placeholder.

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

edited Nov 15, 2015 at 20:19

whoan

8,6094 gold badges43 silver badges50 bronze badges

answered Nov 28, 2013 at 18:04

ryan0319

4122 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

saimcan · Accepted Answer · 2014-11-04 11:12:21Z

2

The following has worked for me. Difference between @Marco's and my answer is data-provide instead of data-datepicker.

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

answered Nov 4, 2014 at 11:12

saimcan

1,7827 gold badges33 silver badges67 bronze badges

Collectives™ on Stack Overflow

Laravel 4 with bootstrap-datepicker

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related