Calendrier complet des heures d'affaires

Je suis en train d'utiliser des heures d'option , mais je ne peux pas en mesure de refléter les modifications.

je veux afficher plusieurs heures d'affaires

voici le code ;

    $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    defaultDate: '2014-11-12',
    editable: true,
    eventLimit: true, //allow "more" link when too many events
    businessHours:
        [
        {
   start: '10:00', //a start time (10am in this example)
   end: '12:00', //an end time (12pm in this example)
   dow: [ 1,2,3,4 ]
   //days of week. an array of zero-based day of week integers (0=Sunday)
   //(Monday-Thursday in this example)
   },
   {
   start: '12:00', //a start time (12pm in this example)
   end: '18:00', //an end time (6pm in this example)
   dow: [ 1,2,3,4 ]
   //days of week. an array of zero-based day of week integers (0=Sunday)
   //(Monday-Thursday in this example)
   }]
  });

OriginalL'auteur Sajjad Ali Khan | 2014-12-29

  1. 7

    comme

    businessHours:
    {

            start: '11:00',
            end:   '12:00',
            dow: [ 1, 2, 3, 4, 5]
    },

    afin de les utiliser à des heures différentes pour les différents quarts de travail -> utiliser le fond d'événements

    events:
[
    {
        id:    'available_hours',
        start: '2015-1-13T8:00:00',
        end:   '2015-1-13T19:00:00',
        rendering: 'background'
    },
    {
        id:    'work',
        start: '2015-1-13T10:00:00',
        end:   '2015-1-13T16:00:00',
        constraint: 'available_hours'
    }
]

    Pour plus d'informations, consultez ce lien,
    http://fullcalendar.io/docs/event_ui/eventConstraint/

    Il y a plusieurs façons différentes que vous pouvez aborder cette, en fonction de la façon dont vous utilisez le calendrier. J'espère que la flexibilité des contraintes sera vous aider à obtenir ce que vous devez faire.

    Assez content de cette fonctionnalité est finalement montré!

    Merci bro, j'ai essayé sa fonctionne très bien, mais sa ne fonctionne pas pour plusieurs heures de travail sur une base quotidienne(je veux dire shift) shift1 : 8 -> 12 shift2 : 14 -> 20 var businessHours = [{"démarrer": '08:00:00', "fin": '12:00:00',"dow": [1, 2, 3, 4] },{ "démarrer": '14:00:00', "fin": '20:00:00', "dow": [1, 2, 3, 4] }]; sa ne fonctionne pas
    Je vous recommande de prendre avantage de l'arrière-plan des événements. Vérifier dans la documentation. Ils travaillent plus, comme les événements, mais vous pouvez alors joindre à la fonctionnalité d'autres événements. Je vais ajouter ça à ma réponse si c'est ok.
    L'api est un peu différent dans la v4. Utilisation startTime, endTime et daysOfWeek au lieu de dow. voir les dernières modifications

    OriginalL'auteur DoverAudio

  2. 0

    J'ai à vous montrer FullCaledar plage horaire de 8H à 8H fixe, donc j'ai fait un peu de R&D, et d'appliquer des options suivantes, et il semble bien fonctionner!!! Des acclamations.

    jq('#calendar').fullCalendar({
        header: {
          left: 'prev,next',
          center: 'title',
          right: 'today,month,agendaWeek,resourceDay'
        },
        defaultView: 'resourceDay',
        allDaySlot: false,
        axisFormat: 'h:mm A',
        timeFormat: 'h:mm T',
        minTime: '08:00:00',
        maxTime: '20:00:00',

    Utilisation,
    minTime: '08:00:00',
    maxTime: '20:00:00'

    Merci!!!

    OriginalL'auteur Affan Pathan