CODEWITHSUNDEEP
javascriptjquery
user3386779
user3386779

Reputation: 7175

display jquery yearly calendar

I want to display jquery yearly calendar as shown in image.

enter image description here

now I displayed only monthly calendar 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>

Upvotes: 2

Views: 1605

Answers (2)

Amit Shah
Amit Shah

Reputation: 1380

Use this script:

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

Thanks Amit

Upvotes: 2

Arijit Mukherjee
Arijit Mukherjee

Reputation: 3875

You can add

numberOfMonths: [3, 4] in you jquery

FIDDLE EXAMPLE

you can edit the [Row,Column] as per your need

Upvotes: 4

Related Questions