시간 선택기가 텍스트 상자에 올바르게 추가 된 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

이 시도이 링크 내 CODE,

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