在输入框中显示选定的日期选择器日期答案

【问题标题】：Show selected datepicker date in input box在输入框中显示选定的日期选择器日期
【发布时间】：2017-07-30 22:05:15
【问题描述】：

我有一个 JQuery DatePicker，我总是想显示它，所以我将它分配给了一个 div。我希望它的行为如this 示例中所示，其中选定的日期出现在输入框中，但由于某种原因，它对我来说不起作用。我可以做些什么来让输入框中显示的值？我希望用户能够在框中手动输入日期，或者让他们从日期选择器中选择日期。到目前为止，这是我的代码的相关部分。

<form class="form-horizontal" role="form" action="<?=$_SERVER['PHP_SELF']?>" method="post">
    <div class="form-group row">
        <input type="text" id="my-input">
        <div id="my-datepicker"></div>
    </div>
    <div class="form-group last">
        <input type="submit" name="submit_date" value="Show"/>
    </div>
</form>

<script>
    $("#my-datepicker").datepicker().on('changeDate', function (e) {
        $("#my-input").val(e.format());
    });
</script>

到目前为止，此链接显示了我的页面： https://gyazo.com/9ad02c1c1e2dbb832894f38107dc8bb9

【问题讨论】：

我有“一个”日期选择器。你可以再详细一点吗？互联网上有成千上万的日期选择器。都需要不同的代码。您不能只从一个日期选择器中复制代码并在另一个上使用它。
很难让任何人知道为什么演示有效而您的无效，除非如上所述您使用不同的日期选择器脚本
啊对不起，我从来没有意识到，我以为这只是这个特定的名字。这是一个 JQuery DatePicker，this 在这里。

标签： javascript jquery html datepicker

【解决方案1】：

您尝试遵循的示例已经过时了。新语法如下：

$("#my-datepicker").datepicker({
  onSelect: function (event) {
    $("#my-input").val($("#my-datepicker").val());
  }
});

Codepen example

【讨论】：

【解决方案2】：

之前在Listening to onChange on a jQuery datepicker?问过和回答过

工作示例here

  $( function() {
    $( "#datepicker" ).datepicker({
      onSelect: function(e) {
        console.log("Selected date: " + e + "; input's current value: " + this.value);
        $("#my-input").val(e)
      }
    });
});

【讨论】：