Using bootstrap datepicker in Laravel 4 form

Question

I'm having some trouble trying to use the bootstrap date-picker (http://tinyurl.com/o7njj9n).

I tried using suggestions from these 2 threads: laravel using twitter bootstrap and datepicker and Laravel 4 with bootstrap-datepicker but not luck in solving the problem.

Currently, this is what I have for my form field:

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

I reference the CSS and JS in my master template, as such:

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

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

I have the following javascript:

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

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

} );
</script>

I'm not sure what's wrong?

Thanks for any help.

EDIT: The problem is that the calendar does not appear upon clicking inside the text field.

Can you also describe what the problem is or which errors you see if any? — lowerends
– lowerends, Commented Sep 10, 2014 at 19:07
I see no errors. The calendar just doesn't show when I click on the text field. — user3019612
– user3019612, Commented Sep 10, 2014 at 19:24
remove 'data-datepicker' => 'datepicker' from your input field. — Edward Lee
– Edward Lee, Commented Sep 10, 2014 at 21:35
Hi Edward, I've done as you suggest, but no luck. I've edited the code in my question to reflect this. — user3019612
– user3019612, Commented Sep 10, 2014 at 22:52

user3019612 · Accepted Answer · 2014-09-11 02:25:12Z

0

The problem was solved by moving the 'date-picker.js' script dependency below the jquery dependency. A bit silly, I guess, but I'm new to web-dev :/

answered Sep 11, 2014 at 2:25

user3019612

2592 gold badges7 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Using bootstrap datepicker in Laravel 4 form

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related