1

jqueryは初めてですが、jqueryとASP.NETを使用して、ボタンをクリックしたときにテキストボックスに表示される日付を作成するにはどうすればよいですか？カレンダーは表示されますが、非常に速く消えます。テキストボックスで問題なく動作しますか？ボタンのスクリプトに他に何を含める必要がありますか？私はこの機能を使用しました

<script type="text/javascript" language="javascript">
 $(document).ready(dateselect)
    function dateselect()
     {
      var date1 = $("#Button1").datepicker();
     } 
</script>
<asp:Button ID="Button1" runat="server" Text="Button"  />
4

2 に答える 2

1

Javascript：

<script type="text/javascript">
 $(function() {
        $("#<%= txtFrom.ClientID %>").datepicker({
            showmonth:true,
            autoSize: true,
            showAnim: 'slideDown',
            duration: 'fast'
        });

        $("#<%= ImageButton1.ClientID %>").click(function() {
          $("#<%= txtFrom.ClientID %>").datepicker('show');
        });
    });
</script>

コード：

<asp:TextBox ID="txtFrom" MaxLength="10" runat="server" ToolTip="Enter From Date">
</asp:TextBox>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/clock_add.gif" />

参照jqueryフォーラム

編集1

この機能を変更する

 $("#<%= ImageButton1.ClientID %>").click(function() {
          $("#<%= txtFrom.ClientID %>").datepicker('show');
        });

に

 $("#<%= ImageButton1.ClientID %>").click(function() {
          $("#<%= txtFrom.ClientID %>").datepicker('show');
          return false;
        });

また

  $("#<%= ImageButton1.ClientID %>").click(function(event) {
          $("#<%= txtFrom.ClientID %>").datepicker('show');
          event.preventDefault();
        });

編集2

$("#txtStartDate").datepicker({
  showOn: "both",       
  onSelect: function(dateText, inst){
     $("#txtEndDate").datepicker("option","minDate",
     $("#txtStartDate").datepicker("getDate"));
  }
});

ソース：
別の日付ピッカーまたはテキストボックスに基づいてjquerydatepickerの日付を制限する

于 2013-03-26T06:24:45.307 に答える
0

これを試して

<script type="text/javascript">
$(document).ready(function() {

    $("#txtDate").datepicker({
        showOn: 'button',
        buttonText: 'Show Date',
        buttonImageOnly: true,
        buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif'
    });
});
</script>
<input type='text' id='txtDate' />

それはうまくいきます私はこれを試しました

于 2013-03-26T06:21:59.057 に答える