Php 在日期选择器中加载事件

我有一个完整的日历和日期选择器在同一页上。我希望在从完整的日历中选择日期、月份或日期后，同样的数据也必须加载到日期选择器

<div id="calendar"></div>
<script type='text/javascript'>
        $(function() {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            var opt={
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'agendaDay,month'
                        },
                weekends:false,
                selectable: true,
                selectHelper: true,
                defaultView: 'agendaWeek',
                select: function(start, end, allDay) {
                    //calendar.fullCalendar('unselect');

                },
            };
    $('#calendar').fullCalendar(opt);

    $("#cworkweek").on("click",function() {
            opt.weekends=false;
            $('#calendar').fullCalendar('destroy');
            $('#calendar').fullCalendar(opt);
            $(".datepicker").datepicker("destroy");
            getdate(1,5);

    });
    $("#cweek").on("click",function() {
            opt.weekends=true;
            $('#calendar').fullCalendar('destroy');
            $('#calendar').fullCalendar(opt);
            $(".datepicker").datepicker("destroy");
            getdate(0,6);
    });
});
</script>

$（函数（）{
变量日期=新日期（）；
var d=date.getDate（）；
var m=date.getMonth（）；
var y=date.getFullYear（）；
变量选择={
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“agendaDay，month”
},
周末：错，
是的，
selectHelper:对，
defaultView:'agendaWeek'，
选择：功能（开始、结束、全天）{
//日历。完整日历（“取消选择”）；
},
};
$（“#日历”）.fullCalendar（可选）；
$（“#cworkweek”）。在（“单击”，函数（）{
选择周末=假；
$（'日历'）.fullCalendar（'销毁'）；
$（“#日历”）.fullCalendar（可选）；
$（“.datepicker”）.datepicker（“销毁”）；
getdate（1,5）；
});
$（“#cweek”）。在（“单击”，函数（）上）{
选择周末=真；
$（'日历'）.fullCalendar（'销毁'）；
$（“#日历”）.fullCalendar（可选）；
$（“.datepicker”）.datepicker（“销毁”）；
getdate（0,6）；
});
});

以上代码用于完整日历。 下面是日期选择器

<span id="startDate"></span>-<span id="endDate"></span>
    <div class="datepicker"></div>
    <script type="text/javascript">
    function getdate(sdate,edate)
    {
        var startDate;
        var endDate;
        var selectCurrentWeek = function() {
            window.setTimeout(function (){
                $('.datepicker').find('.ui-datepicker-current-day a').addClass('ui-state-active')
            }, 2);
        }
        $('.datepicker').datepicker({
            numberOfMonths:[2,1],
            dateFormat: 'M dd,yy',
            onSelect: function(dateText, inst) { 
                var date = $(this).datepicker('getDate');
                startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay()+ sdate);
                endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + edate);
                var dateFormat = inst.settings.dateFormat || $.datepicker._defaults.dateFormat;
                $('#startDate').text($.datepicker.formatDate( dateFormat, startDate, inst.settings));
                $('#endDate').text($.datepicker.formatDate( dateFormat, endDate, inst.settings ));
                var d = new Date(dateText);
                $('#calendar').fullCalendar('gotoDate', d);
                selectCurrentWeek();
            },
            beforeShowDay: function(date) {
                var cssClass = '';
                if(date >= startDate && date <= endDate)
                    cssClass = 'ui-datepicker-current-day';
                return [true, cssClass];
            },

        });
    }
    $(function() {
       getdate(5,1);
    });
    </script>

-
函数getdate（sdate，edate）
{
var startDate；
var结束日期；
var selectCurrentWeek=函数（）{
setTimeout（函数（）{
$（'.datepicker'）.find（'.ui datepicker当前日期a'）.addClass（'ui-state-active'））
}, 2);
}
$（'.datepicker'）.datepicker({
月数：[2,1]，
日期格式：年月日，
onSelect:function（dateText，inst）{
var date=$（this.datepicker（'getDate'）；
startDate=新日期（Date.getFullYear（）、Date.getMonth（）、Date.getDate（）-Date.getDay（）+sdate）；
endDate=新日期（Date.getFullYear（），Date.getMonth（），Date.getDate（）-Date.getDay（）+edate）；
var dateFormat=inst.settings.dateFormat | |$.datepicker._defaults.dateFormat；
$（'#startDate'）.text（$.datepicker.formatDate（dateFormat，startDate，inst.settings））；
$（'#endDate'）.text（$.datepicker.formatDate（dateFormat，endDate，inst.settings））；
var d=新日期（日期文本）；
$（“#日历”）.fullCalendar（'gotoDate'，d）；
选择CurrentWeek（）；
},
beforeShowDay:功能（日期）{
var cssClass=''；
如果（date>=startDate&&date代码不太清晰，您可以使用它来显示一个工作示例。
通常，您可以触发自定义事件。例如，在日历中选择日期后，您可以触发：

$('#calendar').trigger({
    type:"date-updated.calendar",
    new_date: 'the-date-of-the-calendar
});

在你设置的日期选择器的某个地方

$('#calendar').on("date-updated.calendar",function(ev){
    var new_date = ev.new_date;
    //update your datepicker with new_date
});

这段代码是关于在一个页面上一次显示完整的日历和日期选择器的。我选择日期，从日期选择器开始的月或周，各自的数据被加载到完整的日历。现在必须做同样的事情，但以尊重的方式。您给出的代码无法理解在何处包含这些内容？？？以及如何更新日期新日期的选择器。没有关于您正在使用的组件的信息…另外，建议的解决方案是解决此类问题的一般方法。如果您使用的是Juqery UI日历组件，
肯定是错误的