Question

任何人都可以告诉我如何将日期选择器中的选择更新为完整日历，即当用户从DatePicker中选择日期时，FullCalendar会加载给定日期的事件。

Answer 1

请看一下： Issue 167: Mini Calender to control Main Calender 。

或者使用以下示例进行组合：

$(document).ready(function() {
    $("#fullcalendar").fullCalendar({
        // .....
    });

    $('#datepicker').datepicker({
        inline: true,
        onSelect: function(dateText, inst) {
            var d = new Date(dateText);
            $('#fullcalendar').fullCalendar('gotoDate', d);
        }
    }); 
}

<div id="fullcalendar"></div>
<div id="datepicker"></div>

Answer 2

“gotoDate（method）”可以帮助您在fullcalendar中以编程方式选择日期。因此，让用户使用jquery日期选择器选择日期，并在捕获日期的文本输入上注册onchange事件。当onchange触发时，使用gotoDate在fullcalendar中设置日期。请参阅 - http://arshaw.com/fullcalendar/docs/current_date

Answer 3

这可能会帮助所有回答此问题的人将gotoDate日期选择器添加为fullcalendar作为自定义按钮

customButtons: {
    gotoDate: {
        text: 'Go to date',
        click: function () {
            $(this).datepicker({
                autoclose: true
            });
            $(this).datepicker().on('changeDate', function (e) {
                $('#fullcalendar').fullCalendar('gotoDate', e.date);
            });
            $(this).datepicker('show');
        }
    },
},
footer: {
    'center': 'gotoDate'
},

如何组合jquery日期选择器和jquery完整日历

3 个答案: