jQueryUI日期选择器12个月视图';跳跃';单击日期时

jQueryUI日期选择器12个月视图';跳跃';单击日期时,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,我正在尝试使用jquery-ui-1.8.17显示和设置一个12个月的datepicker日历。 在日历的帮助下,最初显示为罚款,即它显示了3行完整的一年,每行包含4个月。 但是,当我点击日历中的某一天时,显示跳到包含12个月的一行! 有没有人看到这种奇怪的行为,或者有什么解决办法 注意:在我的代码中,我包括jquery-ui-1.8.17.custom.css。这是一个使用生成的文件。请参阅css文件中的链接 这是完整的代码 <!DOCTYPE html> <html>

我正在尝试使用jquery-ui-1.8.17显示和设置一个12个月的datepicker日历。 在日历的帮助下,最初显示为罚款,即它显示了3行完整的一年,每行包含4个月。 但是,当我点击日历中的某一天时,显示跳到包含12个月的一行! 有没有人看到这种奇怪的行为,或者有什么解决办法

注意:在我的代码中,我包括jquery-ui-1.8.17.custom.css。这是一个使用生成的文件。请参阅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>

$(文档).ready(函数(){
$(“.datepicker”).datepicker({
日期格式:“dd-MM-yy”,
第一天:1,//行从星期一开始
minDate:新日期(),
maxDate:“+1Y”,
月数:12
});
$(“.ui日期选择器内联”).width(“850px”);
$(“.ui小部件”).css(“字体大小”,“0.9em”);
});


哇,在将问题发布到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]
 });
 });
.ui小部件{字体大小:62.5%}
$(文档).ready(函数(){
$(“.datepicker”).datepicker({
日期格式:“dd-MM-yy”,
第一天:1,//行从星期一开始
minDate:新日期(),
maxDate:“+1Y”,
月数:[3,4]
});
});

哇,在将问题发布到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]
 });
 });
.ui小部件{字体大小:62.5%}
$(文档).ready(函数(){
$(“.datepicker”).datepicker({
日期格式:“dd-MM-yy”,
第一天:1,//行从星期一开始
minDate:新日期(),
maxDate:“+1Y”,
月数:[3,4]
});
});

请发布一个示例或包含CSS的其他代码。我扔掉了你在JSFIDLE上发布的内容,得到了一长串的月。现在添加了完整的代码!同样作为一个提琴:请张贴一个例子或你的代码,包括CSS的其余部分。我扔掉了你在JSFIDLE上发布的内容,得到了一长串的月。现在添加了完整的代码!也可以当作提琴:实际上它没有帮助。我在两列中有两个月,我设置了NumberOfMonths:[2,1],然后NumberOfMonths:[2,1]它们都没有工作,实际上这没有帮助。我在两列中有2个月,我设置了NumberOfMonths:[2,1],然后NumberOfMonths:[2,1]它们都不起作用