jquery - 日期选择器 ASP.NET

Question

我是 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"  />

Answer 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"));
  }
});

来源：
根据另一个日期选择器或文本框限制 jquery datepicker 中的日期

Answer 2

尝试这个

<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' />

它工作正常我试过这个