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>

Answer 2

$("#submit").click();应为$("#submit").trigger('click');

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

2 个答案: