在更新文本框之前调用onblur

Question

我有一个日期文本框，以便用户可以使用日期选择器选择日期。

我想知道，如果日期被改变了，所以我说的onblur到文本框：

<asp:TextBox runat="server" ID="txtDate" CssClass="dateonly" Width="80px" onblur="CheckIfDateChanged(this.value)" ></asp:TextBox> 

然后在我的jQuery我想检查它越来越所以我加的日期一个提醒：

function CheckIfDateChanged(date) 
{ 
    alert(date); 
} 

onblur似乎被调用之前，文本框实际上改变与新的日期。因此，如果当前日期为2016年10月28日，并将其更改为2016年10月29日，则该警报将显示2016年10月28日。然后在关闭警报消息之后日期发生变化。

如何从日期选择器中选择新日期时知道日期是否发生了变化？

Answer 1

您可以使用onSelect事件。

$(".dateonly").datepicker({ 
    onSelect: function(date) { 
    display("Date: " + this.value); 
    } 
}); 

更多https://api.jqueryui.com/datepicker/#option-onSelect

Answer 2

可以使用onchange事件的textbox。当文本框的值被改变时，这个事件被触发。

<asp:TextBox runat="server" ID="txtDate" CssClass="dateonly" Width="80px" onchange="CheckIfDateChanged(this.value)" ></asp:TextBox> 

OR

你可以datepciker的“onSelect`绑定事件并调用你的函数

$(".dateonly").datepicker({ 
    onSelect: function(date) { 
    alert(date); 
    } 
}); 

Answer 3

尝试使用onfocusout

我已经遇到了类似的问题我自己。我只是将onfocusout添加到元素属性以及我想要调用的函数中。