如何使用javascript获取输入并将其放在页面上

Question

我有以下代码来获取用户的日期，然后将其放入变量中但是如何添加一个用户选择日期然后将其添加到屏幕上的事件。

<div class="container" >
    <div>
      <h1>Welcome to this site</h1>
      <p>Please select a date below.</p>
      <p>Click Here: <input type="text" name="date" id="datepicker" /><p> 
</div>
<div id='test'>
</div>

<script>
$("#datepicker").datepicker();
$("#datepicker").bind("change", function () {
    $("#test").text($(this).val());
});
</script>

代码以这种方式工作。

Answer 1

试试这个：

$("#datepicker").bind("change", function () {
    $("#test").text($(this).val());
});

Working Demo on : JS Fiddle

Answer 2

尝试onChange事件：

 var dateSelected ;
$("#datepicker").bind("change",function(){ 

 //.. your code
  dateSelected = document.getElementById('datepicker').value;

});