2016-09-23 2 views
0

ich Fullcalendar in meinem Projekt bin die Umsetzung, aber ich bin fest dazwischen, was ich will die Geschäftszeiten direkt gegenüber ist zum BeispielFullcalendar direkt gegenüber Merkmale oder Geschäftszeiten

in Geschäftszeiten

businessHours: 
    { 
     dow: [0, 1, 2, 3, 4, 5, 6, 7 ], 
     start: '08:00', 
     end: '09:00' , 
    }, 

wenn ich gebe diesen Code, dann in fullcalendar beacome es so

enter image description here

es bedeutet, dass es für alle Stunden graues Feld zeigt aber 8- 9

Ich möchte ein Feature geben, wo ein Benutzer seine Zeit Pause geben kann und dann im Kalender wird es eine andere Farbe an dem jeweiligen Tag und Uhrzeit. auch dachte ich, um die Zeit von db zu holen und als BreakTime zu zeigen, aber das Problem ist, ich kann nur Zeit und Tag nicht Datum so wie kann ich im Ereignis mit nur Tag und Zeit zeigen?

irgendeine idee wie kann ich es erreichen.

Antwort

0

bekam ich die Antwort für diejenigen, die die genaue Funktion will nur diesen Code in fullcalendar.js hinzufügen

function F(e) { 
      var i, r = n.businessHours, 
       s = { 
        className: "fc-nonbusiness", 
        start: "09:00", 
        end: "17:00", 
        dow: [1, 2, 3, 4, 5], 
        rendering: "background" 
       }, 
       o = I.getView(); 
      return r && (i = t.extend({}, s, "object" == typeof r ? r : {})), i ? (e && (i.start = null, i.end = null), T(E(i), o.start, o.end)) : [] 
     } 

und dann können Sie zeigen Sie Geschäftsstunden prost Pausen mit ..!

0

Wenn Sie FullCalendar 2.9.1 oder höher haben, können Sie mehrere businessHours-Definitionen angeben. Daher können Sie den Tag als zwei (oder mehr) Perioden der Arbeitszeit ausdrücken, wobei die Pause in Grau zwischen ihnen angezeigt wird. Es wird nicht in einer ganz anderen Farbe sein, aber es wird zumindest klar sein, was die Arbeitszeiten sind. Zum Beispiel:

businessHours: [ 
    { 
     dow: [1, 2, 3, 4, 5], // Monday - Friday 
     start: '09:00', 
     end: '12:30' 
    }, 
    { 
     dow:[1, 2, 3, 4, 5], 
     start: '13:30', 
     end: '17:00' 
    } 
    ] 

würde bedeuten, eine einstündige Pause von 12.30 bis 13.30 Uhr

Wenn Sie es vorziehen, die Zeit von der DB zu holen, würde ich zuerst fragen - was Sie zu stoppen ist das Datum selbst hinzufügen, um eine Veranstaltung zu erstellen? Sie können es entweder auf dem Server oder im Client tun, es liegt an Ihnen.