My Bootstrap datepicker always renders above the control, outside of the viewable window. How can I get it to launch below the control? -


here aspx code i'm using. i'm using bootstrap 3, downloaded latest version morning. of newb please patient :)

<%@ page language="c#" autoeventwireup="true" codebehind="webform1.aspx.cs" inherits="webapplication1.webform1" %>  <!doctype html>  <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title> </head> <body>     <br />     <link href="content/datepicker.css" rel="stylesheet" />     <link href="content/bootstrap.min.css" rel="stylesheet" />     <form id="form1" runat="server">         <div>         <asp:textbox id="txtdate" cssclass="datepicker" class="form-control" runat="server" ></asp:textbox>          </div>     </form>      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>         <script src="scripts/bootstrap-datepicker.js"></script>     <script src="scripts/bootstrap-datepicker.min.js"></script>      <script type="text/javascript">         $('.datepicker').datepicker({          });      </script> </body> </html>

the bootstrap-datepicker docs shows example this:

<div class="input-append date"> <input type="text" value="12-02-2012"> <span class="add-on"><i class="icon-th"></i></span> </div>

try putting input-append date class in enclosing div tag


-

Comments

Post a Comment