如何结合jquery date-picker和jquery完整日历

picker和jquery完整日历

关注

发信

关注(28)粉丝(399)

如何结合jquery date-picker和jquery完整日历

本文介绍了如何结合jquery date-picker和jquery完整日历的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

h2_lin>解决方案

请看一下：。

以下例子：

  $（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>

Can any one tell me how I could update a selection in a date picker to a full calendar ie When user selects date from DatePicker then FullCalendar loads events for given date.

解决方案

Take a look at this : Issue 167: Mini Calender to control Main Calender.

Or make the combination with following example :

$(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>

这篇关于如何结合jquery date-picker和jquery完整日历的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

07-29 12:06