javascript - 在 jQuery Datepicker 上使用 onSelect 后，日历将不会显示

Question

我正在尝试使用 onSelect，以便用户不必按下按钮即可提交他们正在查找的日期。添加代码的 onSelect 部分后，日历将不会显示。

这是我的 HTML

                <form action="index.php" id="calendarForm" method="POST">
                    <p>Date:
                        <input type="text" name="date" id="date" />
                    </p>
                    <button type="submit" value="submit" id="submit" name="submit">Submit</button>
                </form>

这是我的 jQuery:

<script>        
    $(function() {
    $( "#date" ).datepicker({
        numberOfMonths: 3,
        showButtonPanel: true,
        onSelect: function(date) {
            $("#submit").click();

    });
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd');
    });  
  </script>

任何帮助将不胜感激。

Answer 1

您忘记关闭该功能:

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