datepicker opens on the bottom of the page about bootstrap-datepicker-rails HOT 9 CLOSED

Have you added
//= require bootstrap-datepicker/core
to your application.js file?

from bootstrap-datepicker-rails.

ps. closing was a missclick! sorry!

application.js:
//= require jquery.min
//= require jquery_ujs
//= require jquery-ui.min
//= require bootstrap-datepicker/core
//= require_tree .

application.css:
*= require_self
*= require_tree .
*= require bootstrap-datepicker

from bootstrap-datepicker-rails.

when are you calling the .datepicker() function?

from bootstrap-datepicker-rails.

in application.js:

$(document).on("focus", "#person_birth_date", function(e){
   $(this).datepicker({"format": "yyyy-mm-dd", "weekStart": 1, "autoclose": true});    
});

in the view requested object is:

    <%= f.text_field :birth_date %>

from bootstrap-datepicker-rails.

I don't see bootstrap css required in your manifest. How are you handling that?

from bootstrap-datepicker-rails.

gem "bootstrap-sass", "~> 2.1.0.0" in Gemfile
@import 'bootstrap'; in application.css

from bootstrap-datepicker-rails.

problem is solved. thank you for your attention.
gem 'bootstrap-sass' and @import 'bootsrap'; in custom.css.scss was the solution.

from bootstrap-datepicker-rails.

I have the same problem and can not fix it at all.

My gemfile:

gem 'bootstrap-datepicker-rails'
gem 'bootstrap-sass'

my application.css:

*= require_self
*= require_tree
*= require bootstrap-datepicker
*/

@import 'bootsrap';

my application.js:

//= require jquery
//= require jquery_ujs
//= require_tree
//= require bootstrap-datepicker
//= require bootstrap-datepicker/core
//= require bootstrap-datepicker/locales/bootstrap-datepicker.es
//= require bootstrap-datepicker/locales/bootstrap-datepicker.fr

my html code:

<%= f.text_field(:warranty, :size => 10, :class => "datepicker") %>

javascript part at the bottom of the page:

$('.datepicker').datepicker();

from bootstrap-datepicker-rails.

@ehsun7b you have to include bootstrap.css and bootstrap-datepicker.css in your view.
It fixed my problems.

from bootstrap-datepicker-rails.