divのレンダリング日付ピッカー

Question

私は何時間も検索しましたが結果はありません。 私はAngular Date Range Pickerをドロップダウンで使用します。 どうすれば特定の場所にレンダリングされるのですか？ここ はjsfiddle
とコードです：

<input type="text" name="dateofbirth" id="dateofbirth" placeholder="Date of Birth"/> 

$(function() { 
    $("#dateofbirth").datepicker(); 
}); 

Answer 1

ボックスが拡大したが、これは私のために働いたように、あなたはCSSを調整する必要があります。カレンダーの下部の位置を見つけて、その値をbottomというCSSプロパティに適用します。

<span style="display:none;"> 
    <div id="mybox"> 
     <br/> <br/> 
     <input type="text" name="dateofbirth" id="dateofbirth" placeholder="Date of Birth"/> 
     <p class="textbox"> 
     I want this text to be pushed down when datepicker opens 
     </p> 
     <br/> <br/> <br/> <br/> 
    </div> 
</span> 

---

$(function() { 
    $("#dateofbirth").datepicker(); 
    $("#dateofbirth").on('click', function(){ 

     var $this = $(this); 
     var calendarbtm = $("#ui-datepicker-div").position().top + $this.outerHeight(true); 

     $('.textbox').css({'top': calendarbtm}); 

    }) 
}); 

---

.textbox { 
    position: absolute; 
}