繁体   English   中英

jquery完整的日历

[英]jquery full calendar

我所拥有的是一个带有12个标签的标签页(每个标签是一年中的一个月)。 我需要的是当我加载jquery日历,foreach选项卡,日历切换到分配的月份。 (例如,当我点击并加载1月份的页面时,日历显示1月份的日期,依此类推)。

演示: http//so.lucafilosofi.com/jquery-full-calendar

JS:

        $(function() {
            // build months anchors list
            monthsList('#months-list');

            // inizialize calendar
            $('#calendar').fullCalendar({});

            $(document).on('click', '#months-list a', function() {
                // get month from month anchor hash
                var month = this.hash.substring(1);
                // go to new month
                $('#calendar').fullCalendar('gotoDate', goToMonth(month));
                return false;
            });

            function goToMonth(month) {
                var date = new Date();
                var d = date.getDate();
                var m = month !== undefined ? parseInt(month, 0) : date.getMonth();
                var y = date.getFullYear();
                return new Date(y, m, d);
            }

            function monthsList(element) {
                var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
                for (var m = 0; m < monthNames.length; m++) {
                    $(element).append('<li><a href="#' + m + '">' + monthNames[m] + '</a></li>');
                }
            }

        });

HTML:

    <ul id="months-list"></ul>
    <div id='calendar'></div>

你看过文档页面了吗? 该功能包含2个必需参数和2个可选参数。

.fullCalendar( 'gotoDate', year [, month, [ date  ]] )

因此,要将日历设置为2010年4月,您可以使用以下内容:

.fullCalendar( 'gotoDate', 2010, 5)

请注意,月份为0,因此4月= 3。

你读过API吗? 看来如果你想在2010年7月展示你打电话:

yourCal.fullCalendar('gotoDate',2010,6);

我的回答很简单,因为我不知道你已经尝试过做什么。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM