Question

我有2个输入，附有jQuery UI Datepickers。基本上是一个往返日期。

我希望能够在2个日期与2个输入不匹配时显示div。

我尝试使用下面的代码，当使用jQuery匹配2个输入时显示警告.blur

问题出在一些研究之后.blur对日期选择器的反应不太好，因为当您离开输入外部以点击它触发的日期时。

我想我需要找到解决这个问题的方法，或者如果有人知道任何其他方式来查看datepicker输入值是否不同。

$('input.date').blur(function() {
  if ($('#id1').attr('value') == $('#id2').attr('value')) {
    alert('Same Value'); return false; 
  } else { 
    return true; 
  }
});

由于

Answer 1

使用输入的change事件，例如JSFiddle

$("input.date").on("change", function () {
    if ($("#id1").val() === $("#id2").val()) alert("DATES ARE EQUAL! :)");
    else alert("DATES ARE NOT EQUAL! :(");
}).datepicker();

Answer 2

onSelect: function(date)
{
  if(date == $('#input2').val() && $('#input2').val() != '' )
{
alert('equal dates');
}
}

在第一个输入中使用此代码

如果jQuery datepicker的两个输入的日期不匹配，则显示div

2 个答案: