2016-01-13 94 views
1

我想显示图像中显示的jquery年度日历。显示jquery年度日历

enter image description here

现在我只显示月历JSFiddle

$(function() { 
 
    $("#datepicker").datepicker({ 
 
     changeMonth: true, 
 
     changeYear: true 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
 

 
<p>Date: 
 
<div id="datepicker"></div> 
 
</p>

回答

3

您可以添加

numberOfMonths: [3, 4]在你的jQuery

FIDDLE EXAMPLE

您可以编辑[行,列]根据自己的需要

+0

你检查它怎么会显示 - https://jsfiddle.net/arunpjohny/VBGKU/749/ –

+0

编辑@ArunPJohny –

1

使用该脚本:

$(function() { 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: [3,4] 
    }); 
}); 

感谢 阿米特