jquery - 强制在输入下打开Jquery-UI Datepicker？

我在Jquery Ui中使用一个日期选择器，我需要它始终显示在输入下。
我查看了API文档，在google上搜索并在Stackoverflow上搜索，但找不到解决方案：我尝试了以下代码：

popup: {
    position: "bottom left",
    origin: "top left"
},

__

orientation: "bottom",

有人知道怎么做吗？

最佳答案

可以使用内联日期选择器完成此操作。
工作示例：https://jsfiddle.net/0e3njzoe/2/
HTML格式

<div class="tall">
  Tall Div
</div>
<label for="myDate">Date</label>
<input type="text" id="myDate" />
<div id="myDatePicker"></div>

JavaScript

$(function() {
  $("#myDatePicker").datepicker({
    onSelect: function(date) {
      $("#myDate").val(date);
      $("#myDatePicker").hide();
    }
  }).position({
    my: "left top",
    at: "left bottom",
    of: $("#myDate"),
    collision: "none"
  }).hide();
  $("#myDate").focus(function() {
    $("#myDatePicker").show();
  })
});

您可以将日期选择器大致放置在任意位置，然后使用.position()将其放置在输入字段下。默认情况下，如果检测到碰撞，它将尝试翻转。你可以关掉这个。查看更多信息：http://api.jqueryui.com/position/
这是一个额外的工作来管理，但它给你的控制权，你正在寻找。