0 
<!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>

これは私のウェブフォームのデザインコードです。

サイドスクリプトタグに記述されたクリック機能ワットが機能していません...!! 何か問題がありますか？

4

5 に答える 5

3

.datepicker( "show" )->>Call up a previously attached date picker.しかし、日付ピッカーをどこで初期化するかわかりません..最初にこのように呼び出します...$("#datepicker").datepicker();

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

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

$("#datepicker").datepicker();デモでこの行（）のコメントを外してみてください

デモ

于 2010-07-12T08:01:39.623 に答える
2

document.ready(...)スクリプトを関数に追加します。

それが機能しない理由の1つは、スクリプトが実行されたときに、myButton要素がまだDOMに追加されていないため、見つからないことです。jqueryを使用する場合は、通常、JavaScriptコードをでラップして$(document).ready(..)、コードが呼び出されたときにDOMが完全にロードされるようにする必要があります。次のことを試してください。

<script type="text/javascript" >
  $(document).ready(function(){
      $("#myButton").click(function() {
          $("#datepicker").datepicker("show");
      });
  });
</script>
于 2010-07-12T07:59:33.020 に答える
1

ドキュメントから：

公演

署名：.datepicker（ "show"）

以前に添付された日付ピッカーを呼び出します。

だからまずはそれを付ける必要があります!! 例えば：

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

あなたはアイコントリガーで行くかもしれません

于 2010-07-12T08:00:04.953 に答える
0

生成されたソースコードを見てください。IDはまだ呼び出されmyButtonていdatepickerますか？多くの場合、特に指定がなく、バージョン4を使用している場合を除き、IDはasp.netによって書き換えられます。

于 2010-07-12T07:52:11.423 に答える
-1

コントロールのクライアントIDを使用する必要があります。

$（ "＃<％= datepicker.ClientId％>"）。datepicker（ "show"）;

于 2010-07-12T07:59:12.057 に答える