jQueryUI DatePicker 12ヶ月ビュー 'jumps'をクリックすると日付が表示されます

jquery-ui-1.8.17を使用して12ヶ月日付ピッカーのカレンダーを表示してスタイル設定しようとしています。 Styling the jQueryUI DatePickerの助けを借りて、最初はカレンダーが正常に表示されます。つまり、1年で3行、1行に4か月が表示されます。しかし、カレンダーで1日をクリックすると、ディスプレイは12ヶ月間の1行にジャンプします！誰もこの奇妙な行動を見ているまたは解決策がありますか？jQueryUI DatePicker 12ヶ月ビュー 'jumps'をクリックすると日付が表示されます

注：私のコードでは、jquery-ui-1.8.17.custom.cssが含まれています。これはhttp://jqueryui.com/themerollerで生成されたファイルです。 cssファイルのリンクを参照してください。ここで

は完全なコードは、うわー

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.j2u.nl/jquery-ui-1.8.17.custom.css" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script> 
    <script src="http://jquery-ui.googlecode.com/svn-history/r3982/trunk/ui/i18n/jquery.ui.datepicker-nl.js" type="text/javascript"></script> 

    <script> 
    $(document).ready(function(){ 
     $(".datepicker").datepicker ({ 
     dateFormat: 'dd-MM-yy', 
     firstDay: 1, // rows starts on Monday 
     minDate: new Date(), 
     maxDate: '+1Y', 
     numberOfMonths: 12 
    }); 
    $(".ui-datepicker-inline").width("850px"); 
    $(".ui-widget").css("font-size","0.9em"); 
    }); 
    </script>   
</head> 
<body> 
    <p><div class="datepicker"></div></p> 
</body> 

</html>

出典

2012-04-17 rwijngaa

は、CSSなどの例や、あなたのコードの残りの部分を投稿してください。私はあなたがjsFiddleに投稿したものを投げ捨て、1ヶ月長い行を得ました。 – j08691

今すぐ完全なコードを追加しました！また、フィドルとして：http://jsfiddle.net/r7pEe/ – rwijngaa

だ、5分jqueryの-UIバグリストに質問を投稿した後、誰かがそれに答えました。は、基本的にはNUMBEROFMONTHS：[3,4]と追加のスタイルトリックでした：

<style>.ui-widget { font-size: 62.5% }</style> 
<script> 
$(document).ready(function(){ 
    $(".datepicker").datepicker ({ 
    dateFormat: 'dd-MM-yy', 
    firstDay: 1, // rows starts on Monday 
    minDate: new Date(), 
    maxDate: '+1Y', 
    numberOfMonths: [3,4] 
}); 
});

出典

2012-04-23 19:05:44 rwijngaa

（これは答えとしてマークする必要があります:)） –

実際には役に立ちません。私は2つの列に2ヶ月があり、NumberOfMonths：[2,1]とNumberOfMonths：[2,1]を設定していません。 –

jQueryUI DatePicker 12ヶ月ビュー 'jumps'をクリックすると日付が表示されます

答えて

関連する問題