How to set up Datepicker VS 2013

Question

Can anyone please give me some specific steps to get a date picker working in VS 2013? From the package manager, I installed the package \"Bootstrap Datepicker

Answer 1

My answer is specific to Visual Studio 2013 & Web Application

---

1. Include the bootstrap-datepicker.css in "Content" Folder

---

2. Modify the Bundle.config to include this line :

The contents should look like following:

---

3. Include the bootstrap-datepicker.js in the Scripts folder

---

4. Modify the Scripts/_refernces.js to include the following:

   ///

Or it should have automatically got updated...

---

5. Include the following line in the Site.Master----> inside

The should look like this:

                               
                
                                
                                
                
                
                
                
                
                
                
                
                
                
                <%--Site Scripts--%>  
                            
            
        

---

6. Now use the datepicker on the page as follows:

---

<script type="text/javascript">
$(document).ready(function () {
$(".datepicker").datepicker();
});
</script>
<asp:TextBox ID="txtOrderDate" 
CssClass="form-control col-md-3 datepicker" runat="server" 
data-provide="datepicker"/>

---

Also, please don't remove the line :

Your bootstrap nav bar with drop down menu and many more effects will fail..