入力ボックスに選択した日付ピッカー日付を表示します

Question

私は常に表示したい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

Answer 1

例はかなり時代遅れです。次のように新しい構文は次のとおりです。

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

Codepen example

Answer 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) 
     } 
    }); 
});