1

jquery-ui-1.8.17を使用して12か月の日付ピッカーカレンダーを表示およびスタイル設定しようとしています。jQueryUI DatePickerのスタイリングを使用すると、カレンダーは最初は正常に表示されます。つまり、1年全体が3行で表示され、各行には4か月が含まれます。しかし、カレンダーの1日をクリックすると、表示は12か月を含む1行にジャンプします。この奇妙な振る舞いを見ている人、または解決策がある人はいますか？

注：私のコードには、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>
4

1 に答える 1

5

わあ、jquery-uiバグリストに質問を投稿してから5分後、誰かがそれに答えました。基本的に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-23T19:05:44.150 に答える