demo

Question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <link type="text/css" href="App_Themes/jquery-ui-1.7.3.custom.css" rel="stylesheet" />
        <script src="Scripts/jquery-1.3.2.min.js"type="text/javascript"></script>
        <script src="Scripts/jquery-ui-1.7.3.custom.min.js" type="text/javascript"></script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>

    <script type="text/javascript" >
       $("#myButton").click(function() {
          $("#datepicker").datepicker("show");
       });
    </script>
    <form id="form1" runat="server">
    <div>
    <table border="1px" >
     <tr>
        <td><asp:Label ID="Label4" runat="server" Text="Text"></asp:Label></td>
        <td><asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox></td>
    </tr>

    <tr>
        <td><asp:Label ID="Label1" runat="server" Text="Date"></asp:Label></td>
        <td><asp:TextBox ID="datepicker" runat="server"></asp:TextBox>
            <input id="myButton" type="button" value="button" />
        </td>
    </tr></table> 
    </div>
    </form>
</body>
</html>

这是我的webform设计代码..

单击功能wat写在侧脚本标签不起作用... !!什么都不对。??

Answer 1

.datepicker( "show" ) - ＆gt;＆gt; Call up a previously attached date picker.但我无法看到您初始化日期选择器的位置..请先调用它... $("#datepicker").datepicker();

$(function() {
    $("#datepicker").datepicker();

    $("#myButton").click(function() {
       $("#datepicker").datepicker("show");
    });
});

尝试在演示

上取消注释此行（$("#datepicker").datepicker();）

demo

Answer 2

将您的脚本添加到document.ready(...)功能。

它不起作用的一个原因是，当您的脚本执行时，myButton元素尚未添加到DOM中，因此未找到。使用jquery时，通常应将javascript代码包装在$(document).ready(..)中，以确保在调用代码时DOM已完全加载。请尝试以下方法：

<script type="text/javascript" >
  $(document).ready(function(){
      $("#myButton").click(function() {
          $("#datepicker").datepicker("show");
      });
  });
</script>

Answer 3

来自文档：

显示

签名：       .datepicker（“show”）

调出之前附加的日期   选择器。

所以首先你需要附上它!!例如：

$(document).ready(function() {
    var textBox = $('#<%= this.datepicker.ClientID %>');
    var icon = $('#myButton');
    var datepicker = textBox.datepicker();
    icon.click(function() {
        datepicker.datepicker('show');
    });
});

您可以使用icon-trigger

Answer 4

查看已生成的源代码。该ID仍称为myButton和datepicker吗？除非另有说明，否则通常会使用asp.net重写id。并且您使用的是版本4.

Answer 5

您需要使用控件的客户端ID，例如

$（ “＃＆LT;％= datepicker.ClientId％＆gt;” 中）日期选择器（ “节目”）;

Jquery点击功能在下面的代码中不起作用..？

5 个答案:

demo