How do i add jquery ui date picker, while already working with bootstrap library?

Question

I\'m playing around with bootstrap and i was going to add a datepicker to the page using it, but without any success.. So i found the code for a datepicker, using query ui:

Answer 1

I am using Bootstrap with Jquery UI datepicker, the problem must be the order in which you import things. Here my order:

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link type="text/css" href="css/jquery-ui-1.10.2.custom.css" rel="stylesheet" />
<link type="text/css" href="css/bootstrap.css" rel="stylesheet" />

Answer 2

You could, but my personal preference would be to add a Bootstrap-style datepicker instead. I've been using this one and it's pretty great. http://www.eyecon.ro/bootstrap-datepicker/

The advantage here is that you don't actually need to include the jQuery UI library for this.