0

私の問題は、カレンダーが正しく表示されないことです (Google CSS を使用していない) ここに私のコードがあります:

<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>

IE、FF、およびChromeを使用してみました。IE では、下部に「安全なコンテンツのみが表示されます」と表示されます。[すべてのコンテンツを表示] をクリックすると、datepicker が Google CSS で適切に表示されます。しかし、FF と Chrome では、この可能性はありません。jqueryの例に示されているように、正しいcssでdatepickerを表示するだけです。何か案が？この問題に関する多くのトピックを見ましたが、私のものとまったく同じではありません

前もって感謝します

ここに画像の説明を入力

4

2 に答える 2

2

TextBox コントロールにClientIDMode="Static"を追加して、次のような ID セレクターに一致させます。

    <asp:TextBox ID="endDate" ClientIDMode="Static" runat="server" />

次に、このヘッダーのみを保持すると、datetimepicker が機能するはずです

    <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>
于 2013-09-04T13:09:28.760 に答える