fullCalendarとdatePickerはどちらも機能しませんか？

Question

現在、カレンダー関数のコードですが、datePickerは をコピーして貼り付けると、日付選択ツールのコードが2番目に機能するようになりますが、カレンダーは表示されません。 fullcalendarソースhttp://fullcalendar.io/ DatePickerのソースhttps://jqueryui.com/datepicker/#min-max

<meta charset="utf-8"> 
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="https:/resources/demos/style.css"> 
     <script type="text/javascript"> 
     $(function() { 
      $("#datepicker").datepicker({ minDate: +1, maxDate: "+1Y" }); 
     }); 
     </script> 
    <!-- code above is the code for the datepicker --> 


    <!-- code below is the code for the calendar --> 
    <link rel='stylesheet' href='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/fullcalendar.css' /> 
    <script src='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/lib/jquery.min.js'></script> 
    <script src='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/lib/moment.min.js'></script> 
    <script src='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/fullcalendar.js'></script> 

    <script type="text/javascript"> 
    $(document).ready(
     function(){ 
      $('#calendar').fullCalendar({ 
       weekends:false, 
       defaultView:'agendaWeek', 
       header: { 
        left:'prev,today,next', 
        center:'title', 
        right:'month,agendaWeek' 
       }, 
      }); 
     }); 

Answer 1

@Guruprasadと自分でsimoultaniously指摘したように、あなたのファイルの介在物が混乱しています。

今回は新しいので、ここには正しい方法があります。 $(func...のすべてが必要なわけではありません。この時点でjqueryが利用可能であることを意味する関数を呼び出す前に、document.readyイベントを起動しているためです。

希望すると助かります！

<meta charset="utf-8"> 
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <link rel='stylesheet' href='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/fullcalendar.css' /> 
    <link rel="stylesheet" href="https:/resources/demos/style.css"> 


    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <script src='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/lib/moment.min.js'></script> 
    <script src='fullcalendar-2.6.1(1)/fullcalendar-2.6.1/fullcalendar.js'></script> 

    <script type="text/javascript"> 
    $(document).ready(

      $("#datepicker").datepicker({ minDate: +1, maxDate: "+1Y" }); 


      $('#calendar').fullCalendar({ 
       weekends:false, 
       defaultView:'agendaWeek', 
       header: { 
        left:'prev,today,next', 
        center:'title', 
        right:'month,agendaWeek' 
       }, 
      }); 

    });