2016-05-03 5 views
0

derzeit der Code für die Kalenderfunktionen, aber der datePicker nicht , wenn ich kopiere/einfügen, so dass der Datumsauswahl-Code kommt zweitens funktioniert, aber der Kalender nicht. fullcalendar Quelle http://fullcalendar.io/ picker Quelle https://jqueryui.com/datepicker/#min-maxWarum funktionieren BEOTH fullCalendar und datePicker nicht?

<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' 
       }, 
      }); 
     }); 
+0

Ich habe versucht, das gesamte Skript im selben Skript-Tag (weder gearbeitet hat) sowie das Hinzufügen .ready für die Datepicker-Skript (keine Änderung) setzen. – Rick

+0

Total Chaos dort mit 'link' und' script' .. Setzen Sie alle Ihre 'link' Tags vor dem Laden von' scripts'. Behalte nur eine Version von 'jquery'. Es gibt 2 tatsächlich. 'jquery-1.10.2.js' und' jquery.min.js' –

+0

Das Wichtigste zuerst: Halten Sie eine saubere Organisation Ihrer Dateien. Dies würde Ihnen helfen, zu sehen, dass Sie jQuery zweimal einschließen. Ihre CSS-Dateien sollten sich im Kopfbereich und Ihre JS-Dateien als letzte Zeilen in Ihrem Körper befinden (dies optimiert die Geschwindigkeit, mit der Ihre Seite für den Benutzer angezeigt wird). – YannickHelmut

Antwort

0

Wie simoultaniously von @Guruprasad wies darauf hin, und ich selbst, sind die Dateien Einschlüsse ein Chaos.

Es scheint, du bist neu, also für diese Zeit hier ist der richtige Weg, es zu tun. Sie benötigen nicht alle $(func..., da Sie das Ereignis document.ready verwenden, bevor Sie die Funktionen aufrufen, was bedeutet, dass jquery an dieser Stelle verfügbar ist.

Hoffe es hilft!

<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' 
       }, 
      }); 

    }); 
+0

Ich konnte das nicht kopieren/einfügen, damit es funktioniert. Aber es hat sehr geholfen! und, ja. Dies ist mein erster Versuch beim Website-Design. – Rick

Verwandte Themen