Question

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

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

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

由于

抱歉，我忘记告诉我我正在使用asp.net，所以我需要在那里激活一个函数

Answer 1

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

Answer 2

您可以使用datepicker＆＃39; onSelect()事件：

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

编辑：如果您需要在后面的C＃代码中选择它，我说最简单的方法是在附加datepicker的字段上使用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 3

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

DEMO

Answer 4

试试这个DEMO DEMO 2

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

OR

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

jquery如何知道选择的日期

抱歉，我忘记告诉我我正在使用asp.net，所以我需要在那里激活一个函数

5 个答案: