Javascript 将jQuery datepicker分配给div元素并获取值

我想在用户单击某些文本时使用jQuery显示一个日期选择器，当用户在日期选择器上选择日期后，我可以从日期选择器中获取值作为javascript变量。我的代码如下：

<div id="datepicker-container" style="display: none;">
    <div id="select-delivery-date-input"> </div>
</div>
<a id="show-datepicker">Select Delivery Date</a>
<script>
  $("#show-datepicker").click(function(){
      $("#datepicker-container").show();
  });
  $('#select-delivery-date-input').datepicker({ 
      dateFormat:'yy-m-d',
      minDate: new Date(),
  });
</script>

问题是当datepicker弹出窗口时，当我尝试在datepicker弹出窗口上选择日期时，它不会关闭datepicker弹出窗口

您可以使用datepicker的选项：

选择日期选择器时调用。函数将所选日期作为文本接收，并将datepicker实例作为参数接收

然后可以使用jQuery

这里有一个活样本：

$document.readyfunction{ $show datepicker.单击函数{ $datepicker-container.show； }; $'select-delivery-date-input'.datepicker{ 日期格式：'yy-m-d'， 新日期， onSelect:functionselectedDate{ console.logselectedate； $datepicker-container.hide； } }; };

---

选择交货日期请在下面找到更改的代码：

$(document).ready(function() {
var selectedDate;

  $("#show-datepicker").click(function(){ 
      $("#datepicker-container").show();
  });
  $('#select-delivery-date-input').datepicker({ 
      dateFormat:'yy-m-d',
      minDate: new Date(),
      onSelect: function(date){
      selectedDate = date;
      alert(selectedDate);//selected date is assigned to date1, you can use date1 anywhere
      $("#datepicker-container").hide();
    }
     }
   );
});

---

你能提供一个jsfiddle吗？@Mazz查看我的更新答案