javascript - ダン・グロスマン日付範囲ピッカー

Question

ダン・グロスマン (ブートストラップに基づく) の日付範囲ピッカーで奇妙な動作が発生しました。

mobile のような非常に小さなブラウザーを除いて、正常に動作します。日付ピッカーは上下に並んでいますが、問題ありません。しかし、開始日は日付より下にあり、少し混乱しています。

色々CSSハックしてみましたが治りませんでした…

http://jsfiddle.net/XxwSZ/61/

<div id="daterange" >
    <i class="fa fa-calendar"></i>
    <span>My date range</span>
</div>

 $("#daterange").daterangepicker();

Answer 1

画面の解像度が小さい場合 (たとえば、画面の幅が 768px より小さい場合) にのみ、この jquery 関数を追加できます。

var width = $(window).width();
if ((width < 768)) {
    $(".calendar.right").insertAfter(".calendar.left");
}