javascript - 时间选择器未正确放置附加在文本框上的 jquery

Question

我需要每天存储所有事件，这些事件时间由对话框 div 捕获，我每天获取每个事件的开始时间和结束时间，但现在的问题是

    1. Time picker is not placed at the correct text box its automatically changed please some one help me.
    2. I need to show time range i.e given gap for each and every events at half hour please help me friends.

我在这个链接中的代码

http://jsbin.com/lixig/3/edit

Answer 1

试试这个，

if ((self.offset().top + self.outerHeight(true) + list.outerHeight()) > $(window).height() + $(window).scrollTop()) {
    // position the dropdown on top
    list.offset({
        'left': self.offset().left+self.width() ,
        'top': self.offset().top - list.height()+ self.innerHeight()
    });
} else {
    // put it under the input
    list.offset({
        'left':self.offset().left +self.width(),
        'top': self.offset().top
    });
}

Working Demo