depth

Specifies the navigation depth. Can be "month", "year", "decade", "century". The default value is "month".

<div id="calendar" ></div>

<script type="text/javascript">
    $(function () {
        $("#calendar").shieldCalendar({
            view: {   
                depth: "year", 
                start: "year"
            }
        });
    });
</script>