jquery - jQuery datepicker with standard ASP.NET Controls

Question

How do we make the date to appear in the textbox on the click of an image button using jquery and 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

建议您使用 like

$(".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>