jQuery：OnSelect 不适用于 DatePicker

Question

所以我想创建一个隐藏的输入字段，一旦单击按钮就会显示日期选择器。然后，调用我创建的函数并对其进行处理。这就是我的 HTML：

<input type="hidden" id="showDate" class="datepicker"/>
<button id="buttonDate" value="submit">Show Date</button>

至于 jquery，这是我下面的内容：

$('#buttonDate').click(function () {
    $('#showDate').datepicker();
    $('#showDate').datepicker('show', {
        onSelect: doSomething
        }
    });
 })

function doSomething() {
   var selectedDate = $('#showDate').val();
   alert("I AM HERE" + selectedDate);
}

我的代码现在所做的是在单击按钮时显示日历，但它不会运行该功能。我真的很想调用那个 doSomething 函数，这样我就可以对选定的日期做一些事情，但似乎 onSelect 不起作用。

我知道 datepicker 有一个“showOn: 按钮”，但这会创建一个弹出的新按钮，这是我不想要的。

Answer 1

尝试在初始化过程中包含 onselect

 $('#buttonDate').click(function () {

        $('#showDate').datepicker({ onSelect:
            function(dateText, inst) {
              var selectedDate = $('#showDate').val();
             console.log(selectedDate);
            }
        });
        $('#showDate').datepicker('show');
    });