javascript - JQuery datepicker not showing properly with css -

my problem calender doesn't show (not using googles css) here code:

<asp:content id="content1" contentplaceholderid="headcontent" runat="server">      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>            <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">         <script src="http://code.jquery.com/jquery-1.9.1.js"></script>          <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>      <script>          $(function () {              $("#maincontent_startdate").datepicker();              $("#maincontent_enddate").datepicker();          });      </script> </asp:content>   <asp:textbox id="startdate" cssclass="infodata" runat="server" textmode="date" visible="false"></asp:textbox>  <asp:textbox id="enddate" cssclass="infodata" runat="server" textmode="date" visible="false"></asp:textbox> 

i have tried using ie, ff , chrome. in ie says @ bottom: "only safe content shown". if click "show content", datepicker shows googles css. in ff , chrome don't possibility. don't think should ask @ all, should show datepicker right css, shown on jquery example. idea? saw many topics issue, not same mine

thanks in advance

in textbox control add clientidmode="static" match id selector like

    <asp:textbox id="enddate" clientidmode="static" runat="server" /> 

then keep header , datetimepicker should work

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>     <script type="text/javascript">           $(document).ready(function () {              $("#startdate").datepicker();              $("#enddate").datepicker();          });     </script>