如何让 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 的 init 来缩小代码

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