Jquery日期picker不弹出

本文关键字：picker 日期 Jquery | 更新日期: 2023-09-27 18:08:47

我从IE7中得到这些错误:

第22行:对象不支持这个属性或方法无效的参数

我正在尝试做一个文本框上的日期选择器:

    <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之前工作得很好，但现在都不能工作。

我做错了什么?

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

Jquery日期picker不弹出

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>
相关文章：