Jquery如何知道何时选定日期

Question

我正在使用这个官方日期选择器

http://jqueryui.com/datepicker/

效果很好。当我点击文本字段，日期选择器出现。

我想知道如何捕捉事件，然后用户点击日期。

感谢

对不起，我忘了告诉我使用的是asp.net所以我需要在那里触发一个函数

Answer 1

$('#datepicker').on('change',function() {
    // date has changed. Do stuff...
});

演示

Answer 2

$("#myDatePicker").datepicker({
    dateFormat: "dd/mm/yy",
    onSelect: function (date) {
        alert('Date selected');
        //you action is here
    }
});

Answer 3

您可以使用日期拾取器的onSelect()事件:

$(".date").datepicker({
  onSelect: function(dateText) {
  // Do what you need
  }
});

编辑:如果你需要在c#代码后面捡起这个，我想说最简单的方法是在你附加日期拾取器的字段上使用textchanged事件。比如:

<asp:TextBox ID="txtDatePicker" runat="server" OnTextChanged="txtDatePicker_TextChanged" CssClass="datepicker" AutoPostBack="true"></asp:TextBox>

在服务器端，像这样做:

protected void txtDatePicker_TextChanged(object sender, EventArgs e)
{
    DateTime pickedDate = DateTime.Parse(txtDatePicker.Text); 
}

Answer 4

Try this DEMO DEMO 2

$(function() {
      $( "#datepicker" ).datepicker();
      $('#datepicker').change(function(){
             var tem = $(this).val();
              alert(tem);
      });
  });

或

 $(function() {
    $( "#datepicker" ).datepicker().change(function(){
     var tem = $(this).val();
     alert(tem);
      });
  });

Answer 5

onSelect回调事件将选择数据，您可以在其中放置您的代码。

$("#myDatePicker").datepicker({
    // set options
    onSelect: function (date) {
        console.log(date);
        //you action is here
    }
});

您可以在这里找到详细信息:http://api.jqueryui.com/datepicker/#option-onSelect