我可以在某个div下创建jqueryui日期选择器吗_Jquery_Jquery Ui

我可以在某个div下创建jqueryui日期选择器吗

jquery jquery-ui

我可以在某个div下创建jqueryui日期选择器吗,jquery,jquery-ui,Jquery,Jquery Ui,我有一个弹出式菜单，其中包含我的日期选择器输入。当用户在其div外单击时，弹出菜单关闭。当jQuery UI创建日期选择器时，它直接在标记下创建。因此，当我尝试单击日期选择器上的“上一步/下一步”按钮时，弹出菜单将关闭，并将日期选择器留在正文中。我不想要内联日期选择器，但我想在弹出按钮div下创建我的日期选择器。有什么方法可以实现吗我当前的html结构 <body> <div class="main_pane"> </div> <div cla

我有一个弹出式菜单，其中包含我的日期选择器输入。当用户在其div外单击时，弹出菜单关闭。当jQuery UI创建日期选择器时，它直接在标记下创建。因此，当我尝试单击日期选择器上的“上一步/下一步”按钮时，弹出菜单将关闭，并将日期选择器留在正文中。我不想要内联日期选择器，但我想在弹出按钮div下创建我的日期选择器。有什么方法可以实现吗

我当前的html结构

<body>
<div class="main_pane"> </div>
    <div class="flyout">
      <label class="date">date:</label> <input class="start_date" id="from"/> 
    </div>
<body>

jQuery UI Datepicker小部件似乎没有一个公开的事件处理程序，您可以在创建它之后对其进行操作，但由于它执行任务非常快，因此应该做到这一点：

$(function () {
    var datePicker = $("#from").datepicker({
        dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
        firstDay: 1,
        dateFormat: "d MM, yy",
        autoclose: true,
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    });

    // Use .appendTo() to move the element to another element.
    datePicker.datepicker("widget").appendTo($(".flyout"));
});

$(function () {
    var datePicker = $("#from").datepicker({
        dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
        firstDay: 1,
        dateFormat: "d MM, yy",
        autoclose: true,
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    });

    // Use .appendTo() to move the element to another element.
    datePicker.datepicker("widget").appendTo($(".flyout"));
});