Die Integration von jQuery fullcalendar in PHP-website

Möchte ich die Integration der jQuery fullcalendar in meine PHP-website, aber ich weiß nicht, wie Sie das Ereignis behandeln, und wie Sie das JSON-Daten aus MySQL.

Jede Beratung wäre geschätzt.

Ist es in diesem Kalender, den Sie sich beziehen? redredred.com.au/projects/jquery-Woche-Kalender
Wenn es wirklich dringend ist, sollten Sie versuchen, den IRC-Kanal blog.jquery.com/2007/02/17/the-jquery-irc-channel ...
Warum sollten wir uns darum kümmern, wenn die Aufgabe dringend? Das ist für mich normalerweise ein Grund, die nicht die Frage zu beantworten. Wenn Sie etwas brauchen schnell erledigt, finden sich einige kostenpflichtige support.
Ja, es ist nur das plugin.
Vielen Dank für Ihre Beratung. Ich werde es versuchen.

InformationsquelleAutor Jiangong SUN | 2009-11-03

  1. 14

    Stellen Sie sicher, dass Ihre PHP kann die Ausgabe der fach HTML-code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){
    $('#example').calendar();
  });
  </script>

</head>
<body>
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script  src="http://dev.jquery.com/view/trunk/plugins/calendar/jquery-calendar.js"></script>
<input type="text" id="example" value="Click inside me to see a calendar" style="width:300px;"/>
</body>
</html>

    Hier eine Probe wie Sie es tun können, indem die Funktionen json_encode:

    $(document).ready(function() { 

      $('#calendar').fullCalendar({ 
         draggable: true, 
         events: "json_events.php", 
         eventDrop: function(event, delta) { 
            alert(event.title + ' was moved ' + delta + ' days\n' + 
               '(should probably update your database)'); 
         }, 
         loading: function(bool) { 
            if (bool) $('#loading').show(); 
            else $('#loading').hide(); 
         } 
      }); 

   });

    Und hier ist der PHP code:

    <?php

   $year = date('Y'); 
   $month = date('m');

   echo json_encode(array( 

      array( 
         'id' => 1, 
         'title' => "Event1", 
         'start' => "$year-$month-10", 
         'url' => "http://yahoo.com/" 
      ), 

      array( 
         'id' => 2, 
         'title' => "Event2", 
         'start' => "$year-$month-20", 
         'end' => "$year-$month-22", 
         'url' => "http://yahoo.com/" 
      ) 

   ));

?>
    Vielen Dank für Ihren Kommentar. Aber ich glaube, Sie haben einige Mißverständnis oder ich habe es nicht beschreiben sehr deutlich. Ich möchte hinzufügen, das jquery-weekcalendar plugin und es ist ein Beispiel dafür. Alles ist in der Sitzung. Aber ich will es machen die Arbeit mit mysql-Datenbank. Vielen Dank!!!!!!!
    je nach server stellen Sie sicher, Sie haben date_default_timezone_set('America/YOUR_TZ'); vor der date(XXX) nennen

    InformationsquelleAutor Graviton

  2. 9

    "2010-02-11 11:00:00" format funktioniert gut, um anzugeben, Zeit für mich (ohne "T" nach innen),
    der Schlüssel der Lösung ist die "allDay" - Attribut eines Ereignisses auf eine leere Zeichenfolge.

    Ooh Danke Dude es, außer mir

    InformationsquelleAutor Mikhail

  3. 3

    Ich hatte das gleiche problem und gerade heraus, wie es funktioniert.
    Hier ist der code, den solltest du in deiner php-Datei:

    $query = "select * from events where accountNo = '$accountNo'";
$res = mysql_query($query) or die(mysql_error());
$events = array();
while ($row = mysql_fetch_assoc($res)) {
    $start = "2010-01-08T08:30"";//Here you have to format data from DB like this.
    $end = "2010-01-08T08:30";//This format works fine
    $title = $row['firstName']." ".$row['lastName'];
    $eventsArray['id'] =  $row['id'];
    $eventsArray['title'] = $title;
    $eventsArray['start'] = $start;
    $eventsArray['end'] = $end;
    $eventsArray['allDay'] = "";
    $events[] = $eventsArray;
}


echo json_encode($events);

    Ich hoffe, es hilft :).

    InformationsquelleAutor Mikel Sulanjaku

  4. 3

    In PHP - JSON:

    $eventsArray['allDay'] = "false"; //doesn't work

$eventsArray['allDay'] = false; //did the trick to have a NON FULL DAY correctly rendered!!

    InformationsquelleAutor Marco

  5. 1

    die Ausgabe von echo eine Veranstaltung sollte in diesem format:

    $('#calendar').fullCalendar({
  events: [{
    title: 'Awesome Event Title', 
    start: new Date($start_year, $start_month, $start_day),     or   end: new Date(y, m, d),
    end: new Date($end_year, $end_month, $end_day)    or   end: new Date(y, m, d)
  }]
});

    InformationsquelleAutor DS Media

  6. 1

    implementieren es auf diese Weise und es funktioniert gut

    $result = mysql_query("SELECT * FROM eventoform",$conexion);
        $array = array();
        $i = 0;
        while ($row = mysql_fetch_array($result)) {
            $array[$i]=array("id"=>$row["id_evento"],"title"=>$row["NombreEvento"],"start"=>$row["FechaInicio"]." ".$row["HoraInicio"],"allDay"=>false,"description"=>$row["description"],"editable"=>true);
            $i++;
        }

 echo json_encode($array);

    InformationsquelleAutor carldeltoro

  7. 0

    Ich bin nicht vertraut mit jquery. Aber ich denke das problem ist, dass Sie nicht unter Berücksichtigung der asynchronen Natur von Ajax.

    Es sei denn, fullCalendar() macht etwas sehr seltsam (löst einen Ajax-request und wartet auf die Antwort), dann werden Sie nicht in der Lage, verwenden eine externe Quelle, in der Funktion im Weg, denn fullCalendar wird ausgeführt, indem die Zeit eine Antwort zurück kommt vom server.

    Dort nicht zu erscheinen ist ein klares Beispiel von dem, was Sie zu tun versuchen, auf die Woche Kalender-Website, aber ich bin mir sicher, dass das, was Sie brauchen, ist, um den Kalender zu erstellen, ohne die Ereignisse, aber mit einem callback definierte Ereignisse hinzufügen, und dann auf irgendeine Weise Feuer aus den externen Anruf anzunehmen.

    Vielen Dank für deinen Beitrag. Sie haben angegeben, mein problem. Eigentlich kann ich nicht hinzufügen/Bearbeiten/löschen der Ereignisse und kann nicht nehmen Sie die Daten aus mysql in der Art von json. Ich werde versuchen, zu ordnen und zu lösen. Und vielen Dank.

    InformationsquelleAutor Colin Fine

  8. 0

    Hey, ich habe nicht von Ihrem code oben, aber in json_events.php die voreingestellte es ist
    "[" in der start-php-Ausgabe und "]" am Ende    .

    InformationsquelleAutor Nemi

  9. 0

    Dieses Beispiel funktioniert:

    $sql= "SELECT id, title, start, DATE_FORMAT(start, '%Y-%m-%dT%H:%i' ) AS startDate
FROM kalender
ORDER BY startDate DESC";
$res = mysql_db_query($db, $sql, $conn) or die(mysql_error());

$events = array();
//important ! $start = "2010-05-10T08:30";  iso8601 format !!
while ($row = mysql_fetch_assoc($res)) {
   $eventArray['id'] = $row['id'];
   $eventArray['title'] =  $row['title'];
   $eventArray['start'] = $row['startDate'];
   $events[] = $eventArray;
}
echo json_encode($events);

    InformationsquelleAutor lander

  10. 0

    Ich denke, dass Ihr mit dem gleichen problem wie ich habe. Ich habe die Suche im web versucht herauszufinden, wie, um den setup-DateTime, so dass die fullCalendar javascript wird es korrekt interpretieren zu können. (Diese Seite hatte einige gute Hinweise: http://blog.stevenlevithan.com/archives/date-time-format).

    Ich stellte diese auf dem fullCalendar-Themen-Seite in der Hoffnung, dass der Ersteller oder jemand anderes würde werfen ein Licht auf das Thema.

    ====================PROBLEM BESCHREIBUNG====================

    Welche Schritte wird das problem reproduzieren?

    1. Fetch-events mit JSON
    2. verwenden das JSON-string:

     

    [{"id":2, "title":"title of 2","start":"2009-11-17T10:00:00" ,"end":"2009-11-17T11:01:00","url":"?eventID=2"}]

    Was ist die erwartete Ausgabe? Was siehst du stattdessen?

    • Ich erwarte, dass die Veranstaltung in den Kalender-start-Zeit
      10:00 Uhr und Ende Zeit 11:01.
    • Es zeigen sich wie eine alle Tag-Ereignis.

    Welche version des Produkts Sie? Auf welches Betriebssystem?

    • FullCalendar v1.4.1
    • Windows XP

    Bitte geben Sie alle zusätzlichen Informationen, die weiter unten.

    Bin ich mit einer aspx-Seite für das abrufen der Kalender-Ereignisse. Meine Vermutung ist, dass
    es ist etwas falsch mit dem format der JavaScript DateTime Objekt
    dass ich zurückkehren werde in die JSON und dass dadurch verursacht wird, dass die fullcalendar zu
    die Ereignisse interpretieren, als fullDayEvents. Das format, das schicke ich in die
    JSON ist: 2009-11-17T11:01:00.

    InformationsquelleAutor OneMuppet

  11. 0

    nur, falls es jemand mit Schienen mit jbuilder generieren von json-feed...Sie müssen fügen Sie den ganztags-Attribut ... 

    json.array!(@resubmissions) do |object|
  json.id object.id
  json.title "WVL - #{object.to_s}"
  json.start object.resubmission_at.to_i
  json.allDay false
end

    Danke jedoch für die PHP-Lösung!

    InformationsquelleAutor Hannes

Schreibe einen Kommentar