侦听HTML日期输入的更改

Question

我有这样的输入：

<input type="date">

每当用户更改日期时，我都会设置一个名为＆＃39; asOfDate＆＃39;并刷新页面。服务器根据＆＃39; asOfDate＆＃39;。

重新计算数据

javascript看起来像这样：

$("input").change(function(){
  $.cookie("asofdate", $(this).val());
  window.location.reload();
});

问题在于，第二个用户在日期字段中键入一个键击，它会重新加载页面。

我可以改为听取日期输入上按下的Enter键，这表示用户已完成日期编辑。但是，这并没有捕获用户从下拉日历UI中选择日期的情况。

Answer 1

正如@Rakesh_Kumar所说，当你失去输入焦点时，你需要抓住它。这可以通过使用blur（）函数来完成。你的代码就像这样：

$("input").blur(function(){
  $.cookie("asofdate", $(this).val());
  window.location.reload();
});

Answer 2

试试这个

$("input").keyup(function(e){
    if(e.which == 13){
        $.cookie("asofdate", $(this).val());
        window.location.reload();   
    }
});