JQuery 和 ASP 日历浏览器问题答案

【问题标题】：JQuery and ASP Calendar Browser IssuesJQuery 和 ASP 日历浏览器问题
【发布时间】：2014-09-29 16:54:57
【问题描述】：

我遇到的问题是，当尝试选择日历图标时，日历没有出现。

这发生在 Firefox 和 IE10 中，违规部分位于 ListView 中，在 ASP.net 中为 selectedItemTemplate。

我为此使用的插件：http://code.google.com/p/dyndatetime/

脚本都在包含 ListView 的母版页 maincontent 中。日历在同一页面中使用了两次，并与页面内的两个单独部分（新建，具有可折叠面板和编辑项）相关。

以下是相关代码 sn-ps，它在 Internet Explorer 11 和 Chrome 中正常工作，所以我不确定是什么导致了 Firefox 和 Internet Explorer 10 中出现此问题。

提前非常感谢！

jquery：

<script type="text/javascript">
      $(function () {
         $("#StartDateTextBox").dynDateTime({
             showsTime: true,
             ifFormat: "%Y/%m/%d %H:%M",
             daFormat: "%l;%M %p, %e %m, %Y",
             align: "BR",
             electric: false,
             singleClick: false,
             displayArea: ".siblings('.dtcDisplayArea')",
             button: ".next()"
         });
         $("#ExpiryDateTextBox").dynDateTime({
             showsTime: true,
             ifFormat: "%Y/%m/%d %H:%M",
             daFormat: "%l;%M %p, %e %m, %Y",
             align: "BR",
             electric: false,
             singleClick: false,
             displayArea: ".siblings('.dtcDisplayArea')",
             button: ".next()"
         });
         $("#StartDateCal").click(function () {
             $("#StartDateTextBox2").val('');
         });
         $("#StartDateTextBox2").dynDateTime({
             showsTime: true,
             ifFormat: "%Y/%m/%d %H:%M",
             daFormat: "%l;%M %p, %e %m, %Y",
             align: "BR",
             electric: false,
             singleClick: false,
             displayArea: ".siblings('.dtcDisplayArea')",
             button: ".next()"
         });
         $("#ExpiryDateCal").click(function () {
             $("#ExpiryDateTextBox2").val('');
         });
         $("#ExpiryDateTextBox2").dynDateTime({
             showsTime: true,
             ifFormat: "%Y/%m/%d %H:%M",
             daFormat: "%l;%M %p, %e %m, %Y",
             align: "BR",
             electric: false,
             singleClick: false,
             displayArea: ".siblings('.dtcDisplayArea')",
             button: ".next()"
         });
     });

创建新的面板扩展器 sudo 以显示位置和编辑项目：

<panel>
                <td>
                    <asp:TextBox ID="StartDateTextBox" runat="server" Text='<%# Bind("StartDate") %>' Width="120px"/>
                    <img src="Images/calender.png" />
                </td>
                <td>
                    <asp:TextBox ID="ExpiryDateTextBox" runat="server" Text='<%# Bind("ExpiryDate") %>' Width="120px"/>
                    <img src="Images/calender.png" />

<EditItemTemplate>
                <td  style="width:150px;">
                    <asp:TextBox ID="StartDateTextBox2" runat="server" Text='<%# Bind("StartDate") %>' Width="120px" />
                    <img id="StartDateCal"  src="Images/calender.png"/> 
                </td>
                <td  style="width:150px;">
                    <asp:TextBox ID="ExpiryDateTextBox2" runat="server" Text='<%# Bind("ExpiryDate") %>' Width="120px" />
                    <img id="ExpiryDateCal" src="Images/calender.png" />
                </td>
            </tr>
        </EditItemTemplate>

【问题讨论】：

查看呈现的 HTML，特别是相关的 ID，这将使您了解正在发生的事情。
Alos 确保在控制台中检查脚本错误。那里很有可能会报道一些事情。
嗨 @JonP 我在 FireFox 上查看并没有错误，而且 IE10 开发人员模式的 IE11 控制台也没有选择这个 - 奇怪。为什么 Chrome 和 IE11 会处理得这么好，而 FF 和 10 却不能这样做？

标签： jquery asp.net internet-explorer firefox jquery-plugins

【解决方案1】：

我终于找到了这个问题，这是我在寻找另一个我遇到的问题时发现的。

这一切似乎都源于 AJAX HTML Tool Kit Extender，我不知道为什么，但它干扰了我所有不在 Chrome 或 IE 11 中的 jQuery。

虽然这解决了我在 Firefox 上显示日历的问题，但它提供了另一个问题，我必须找到并实现另一个 HTML 文本编辑器。

【讨论】：