Jquery 子元素不属于父元素

在url上： 关注

日期范围

，您将看到一个日期选择器小部件。 生成此代码的代码如下所示：

var $months = this.nav('months', 1); //nav some function
    var $years = this.nav('years', 12);

    var $nav = $('<div>').addClass('nav').append($months, $years);

    this.$month = $('.name', $months);
    this.$year = $('.name', $years);

    $calendar = $("<div>").addClass('calendar');

    // Populate day of week headers, realigned by startOfWeek.
    for (var i = 0; i < this.shortDayNames.length; i++) {
      $calendar.append('<div class="dow">' + this.shortDayNames[(i + this.startOfWeek) % 7] + '</div>');
    };

    this.$days = $('<div>').addClass('days');
    $calendar.append(this.$days);

    this.$picker = $('<div>')
      .click(function(e) { e.stopPropagation() })
      // Use this to prevent accidental text selection.
      .mousedown(function(e) { e.preventDefault() })
      .addClass('datepicker')
      .append($nav, $calendar)
      .insertAfter(this.$el);

var $hours = this.nav('hours', 0);
var $minutes = this.nav('minutes', 0);

var $timenav = $('<div>').addClass('nav').append($hours, $minutes);
this.$picker.append($timenav)

由于上面提到的问题，当我将border top应用于$timenav时，它显示在天之上，而我希望它显示在所有天之下 以下是结果的图像：

---

有什么办法可以解决这个问题吗？

.append（）

是否产生任何问题？

您是否尝试搜索已存在的将时间选择器附加到jQuery.ui日期选择器插件的插件

请访问

我希望这将对您有所帮助。

这是一个css问题。 将以下属性添加到.calendar类，已解决问题：

overflow: hidden;

这是合成图：看到正确位置的边框

---

$el

？这不应该是对元素的引用吗？在插入（$el）this的行附近，$el在插件的构造函数中初始化为：this.$el=$（元素）//元素是初始化日期选择器的输入。感谢您的建议，但问题不是关于时间选择器可用的选项，我想扩展引导日期选择器。