時間選擇器未正確添加到文本框上的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