I need to add a calendar into a form. I want to install this project: https://github.com/vitalets/bootstrap-datepicker
But it is said that: Requires bootstrap’s dropdown component (dropdowns.less) for some styles, and bootstrap’s sprites (sprites.less and associated images) for arrows.
How can i add that files to my app?
Thank you very much!
To open the dropdown menu, use a button or a link with a class of . dropdown-toggle and the data-toggle="dropdown" attribute. The . caret class creates a caret arrow icon (), which indicates that the button is a dropdown.
By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add . dropdown-menu-right to a . dropdown-menu to right align the dropdown menu.
The simple solution is to widen the column that the drop-down box is in. You can adjust the column manually by dragging the border of the column header.
To override it, use . dropdown-menu-left.
You have to download and include the following assets.
http://getbootstrap.com/2.3.2/assets/css/bootstrap.css
http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css
http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css
http://code.jquery.com/jquery.js
http://getbootstrap.com/2.3.2/assets/js/bootstrap.js
http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js
Then in html, use like this.
<input data-provide="datepicker">
Please note that, I have given bootstrap 2.3 here.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With