jquery - 標準の ASP.NET コントロールを備えた jQuery 日付ピッカー

Question

jquery と ASP.NET を使用して、画像ボタンをクリックするとテキスト ボックスに日付が表示されるようにするにはどうすればよいでしょうか。

Answer 1

これを使用するのに役立つ良い例を次に示します。
http://www.codeproject.com/Articles/47474/ASP-NET-Control-from-jQuery-DatePicker-in-3-Minute

編集 1

jQuery UI DatePickerを確認してください。

ASP.NET の例

<script>
$(function() {
    $( "#<%= txtDate.ClientID %>" ).datepicker();
});
</script>

<form id="form1" runat="server">
  <div>
    <asp:TextBox ID="txtDate" runat="server" />
  </div>
</form>

編集 2

ボタンを表示したい場合は
、このリンク
を参照してください ASP.NETでアイコンとフォーマットでJQuery Datepickerを使用する方法

次のように使用することをお勧めします

$(".txtVon").datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true
        });

Answer 2

クラス セレクターを使用して以下のコードを試してください。jQuery Date Pickerをクリックして詳細を確認してください。

<asp:TextBox ID="txtFromDate" CssClass="From-Date" runat="server"></asp:TextBox>

<script language="javascript" type="text/javascript">

           jQuery('.From-Date').datepicker({
                showOn: "button",
                buttonText: "Select Date",
                buttonImage: "images/calendar.png",
                buttonImageOnly: true
                }
            });
</script>

Answer 3

これを試して：

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


    $("#<%= txtDate.ClientID %>").datepicker({
        showOn: "button",
        buttonImage: generateURL("/Images/Calendar.jpg"),
        buttonImageOnly: true

    });

});
</script>

<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>