jQuery datepicker不会弹出？

Question

我从IE7得到这些错误：

第22行：对象不支持此属性或方法。第142行：无效的参数

我试图在文本框上做一个日期选择器：

    <script>
        jQuery(function($) {
       $("#<%= report_dateTextBox.ClientID %>").mask("99/99/9999");
$("#<%= occurrence_dateTextBox.ClientID %>").datepicker();
    });

这是文本框：

<asp:TextBox ID="occurrence_dateTextBox" runat="server" size="50"/>

这是完整的代码：

http://pastebin.com/Z08r6vMp

.mask在我添加datepicker之前工作正常，但现在都.mask工作。

我究竟做错了什么？

作为TT。 建议我将其更改为：

jQuery(function($) {
        //$("#occurrence_dateTextBox").mask("99/99/9999");
        //$("#<%= report_dateTextBox.ClientID %>").mask("99/99/9999");
        //$("#<%= occurrence_dateTextBox.ClientID %>").datepicker();
        $(".datepicker").datepicker(); 

    });

和

  <asp:TextBox ID="occurrence_dateTextBox" runat="server" size="50" class="datepicker"/>

仍然不起作用

Answer 1

occurence_dateTextBox是控件的服务器ID，您需要客户端ID。 您还需要对report_dateTextBox进行相同的操作。 我不确定以前的工作方式。

尝试

$("#<%= report_dateTextBox.ClientID %>").mask("99/99/9999");
$("#<%= occurrence_dateTextBox.ClientID %>").datepicker();

更新

这是页面的简化版本。 所有不需要的代码都已删除。

请注意，您的旧版本包括jQuery的多个版本，一个来自Google的CDN，另一个来自本地。 现在，它从CDN中提取jQuery和UI。

您可以将其复制并粘贴到新的.aspx页中，它将起作用。

在您自己的版本上，我建议使用Firefox和Firebug并仅查看控制台以获取确切的错误消息，因为它来自以下代码以外的其他内容。 您可能无法正确拉出jQuery UI，或者其他JavaScript调用之一中断了，并导致日期选择器出现问题。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js" type="text/javascript"></script>
    <script>

        jQuery(function($) {
            //$("#occurrence_dateTextBox").mask("99/99/9999");
            //$("#<%= report_dateTextBox.ClientID %>").mask("99/99/9999");
            $("#<%= occurrence_dateTextBox.ClientID %>").datepicker();
            //$(".datepicker").datepicker(); 

        });

    </script>
</head>
<body><div id="container">
    <form id="form1" runat="server" class="niceform">

        <fieldset>

        <legend>Section A</legend>

        <dl>

            <dt><label for="occurrence_dateTextBox" class="datepicker">Occurrence Date:</label></dt>
            <dd><asp:TextBox ID="occurrence_dateTextBox" runat="server" size="50"/></dd>
        </dl>

        <dl>

            <dt><label for="report_dateTextBox">Report Date:</label></dt>
            <dd><asp:TextBox ID="report_dateTextBox" runat="server" size="50"/></dd>
        </dl>

        </fieldset>       

        <asp:Button ID="Button1" runat="server" Text="Button" />


    </form>
</div></body>
</html>

jQuery datepicker不会弹出？

问题描述

1 个解决方案

解决方案1
4 已采纳 2011-09-15 17:02:50

jQuery datepicker不会弹出？

问题描述

1 个解决方案

解决方案1 4 已采纳 2011-09-15 17:02:50

解决方案1
4 已采纳 2011-09-15 17:02:50