Bootstrap DatePicker events

Learning with Earning

Altoough JQuery UI provides datepicker. But I noticed that there are difference in working and methods of JQuery UI and bootstrap-datepicker.

So first check in your application.js file. If the line below is written there then its bootstrap-datepicker and you have to use its methods to bind extera events on your datepicker.

//= require bootstrap-datepicker

Guide for Bootstrap-datepicker

Guide for JQuery UI datepicker

Below is for Bootstrap-datepicker code to alert date which you get on selecting days and then datepicker will close.


  .on('changeDate', function(ev) {
    alert(new Date(;


View original post


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s