2016-01-13 125 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] 
    }); 
}); 

感謝 阿米特