0

我的问题是日历没有正确显示（不使用 googles 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 中，它在底部显示：“仅显示安全内容”。如果我然后单击“显示所有内容”，则日期选择器会正确显示 googles css。但在 FF 和 Chrome 中，我没有这种可能性。但我认为它根本不应该问这个，它应该只显示具有正确 css 的日期选择器，如 jquery 示例所示。任何想法？我看到了很多关于这个问题的话题，但和我的不完全一样

提前致谢

在此处输入图像描述

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 回答
0

您指的是错误的选择器（ID 不匹配）

  $(function () {
                 $("#startDate").datepicker();
                 $("#endDate").datepicker();
             });

检查这个http://jsfiddle.net/EZdNe/1/

另外为什么有2个不同的css文件？

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />   
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">

这可能会导致CSS 冲突。

于 2013-09-04T12:23:46.720 回答