如何讓jQuery Datepicker在選擇日期後自動按下提交按鈕

Question

因此，只要在Datepicker上選擇一個日期，我就需要按下一個將提交日期的按鈕。這樣用戶就不需要點擊一個按鈕來提交他們想看的日期。

我的jQuery代碼：

<script> 
    $(function() { 
    $("#date").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true 
    }); 
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd'); 
    }); 
</script> 

然後將HTML按鈕：

<button type="submit" value="submit" id="submit" name="submit">Submit </button> 

感謝您的幫助。

Answer 1

使用onSelect事件就是這樣，Working demo here

$(function() { 
    $('#date').datepicker({ 
     onSelect: function(date) { 
      $("#yourFormId").submit(); 
      //OR $("#yourButton").click(); 
     } 
    }); 
}); 

Answer 2

我猜你的日期選擇器是形式。然後做到這一點:)

$(function() { 
    $("#date").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true, 
     onSelect: function(dateText, inst) { 
      $(this).parents("form").submit(); 
     } 
    }); 
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd'); 

}); 

你也可以通過添加DATEFORMAT運行如下代碼選項直接啓動datepicker

$(function() { 
    $("#date").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true, 
     onSelect: function(dateText, inst) { 
      $(this).parents("form").submit(); 
     }, 
     dateFormat: 'yy-dd-mm' 
    });  
});