Autor Tópico: UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO  (Lida 19063 vezes)

Arquimedes

  • Global Moderator
  • Expert
  • *****
  • Mensagens: 561
  • Ajudar para ser ajudado
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #75 Online: Dezembro 12, 2014, 03:47:58 pm »
Não estou conseguindo passar a data do dia clicado para o formulario sem evento.
quando clico em uma data com evento aparece normalmente.

Att Arquimedes
« Última modificação: Dezembro 12, 2014, 07:46:36 pm por Arquimedes »

Igor Kennedy

  • Novato
  • *
  • Mensagens: 8
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #76 Online: Dezembro 23, 2014, 11:12:27 am »
Arquimedes importei o projeto funcionol perfeitamente, porem eu tambem nao cosegui que o formulario pegasse a data que foi clicada no calendário.

Aguem conseguiu ?

FredKeyster

  • Expert
  • *****
  • Mensagens: 1702
  • DEWENNINMEN
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #77 Online: Dezembro 23, 2014, 05:10:44 pm »
Rapaz, aqui ta funcionando de boa! Coloca seu código ai pra mim ver o que pode ser! Abraço!
F. A.
Analista de Sistemas

Igor Kennedy

  • Novato
  • *
  • Mensagens: 8
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #78 Online: Dezembro 23, 2014, 10:18:29 pm »
conseguir utilizando no formulario evento , {data}=[diaClicado];

Igor Kennedy

  • Novato
  • *
  • Mensagens: 8
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #79 Online: Dezembro 23, 2014, 10:21:33 pm »
codigo do calendario

echo "<script>
   
   var sc_pathToTB = '" . $this->Ini->path_prod . "/third/jquery_plugin/thickbox/'; /*VAR. NECESSARIA PARA O SC ENCONTRAR O PATH DO thickbox*/
   
     </script>";

echo "<link href='" . $this->Ini->path_prod . "/third/jquery_plugin/fullcalendar/fullcalendar.css' rel='stylesheet' />";

echo "<link href='" . $this->Ini->path_prod . "/third/jquery_plugin/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />";

echo "<link href='" . $this->Ini->path_prod . "/third/jquery_plugin/thickbox/thickbox.css' rel='stylesheet' media='screen' />";

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery/js/jquery.js'></script>";

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery/js/jquery-ui.js'></script>"; //drag and drop

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery_plugin/fullcalendar/fullcalendar.min.js'></script>";

echo "<script type='text/javascript' src='" . $this->Ini->path_prod . "/third/jquery_plugin/thickbox/thickbox-compressed.js'></script>";
?>

<style>

   body {
      margin-top: 40px;
      text-align: center;
      font-size: 14px;
      font-family: Helvetica,Arial,Verdana,sans-serif;
      }

   #calendar {
      width: 1000px;
      margin: 0 auto;
      }

</style>
<script>

   $(document).ready(function() {
   
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
     
      $('#calendar').fullCalendar({
         header: {
            left: 'month' ,
         //left: 'month,agendaWeek,agendaDay' ,
            center: 'title',
            right: 'prev,next today'
         },
         
         buttonText: {
                 prev: '&lt;' , /*Botão Previous*/
                 next: '&gt;' , /*Botão Next*/
             today: 'Hoje', /*Botão Today*/
            month: 'Mês' , /*Botão Month*/
            week:  'Semana' , /*Botão Month*/
           day: 'Dia' /*Botão Day*/
          },
         
         /*TRADUÇÃO DOS MESES E DIAS*/
         monthNames: ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembrooo" ],
         
         monthNamesShort: ["Jan","Fev","Mar","Abr","Mai","Jun","Jul", "Ago", "Set", "Out", "Nov", "Dez" ],

         dayNames: [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
         
         dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'] ,
         /*************************/
         timeFormat: 'H:mm', /*FORMATO DA HORA*/
         
         columnFormat: {
               
                week: 'dddd dd/M', /*Ex: Segunda 09/12*/
                   day: 'dddd'  /*Ex: Segunda*/
         },
         
         titleFormat: {
            //month: '',
            week: "MMM dd[ yyyy]{ '—'[ MMM] dd, yyyy}", /*FORMATO DO TITULO NO MODO AGENDA SEMANAL*/
            day: 'dddd, d/M/yyyy' /*FORMATO DO TÍTULO NO MODO DIA*/
         } 
      ,
         
         editable: false , /*SE false, não permite arrastar e soltar os eventos*/
         
         /*EXEMPLOS DE ALGUMAS CONFIGURAÇÕES PARA O MODO AGENDA SEMANAL*/
      //   axisFormat: 'HH:mm' , /*FORMATO DA HORA MOSTRADA DO LADO ESQUERDO*/
         
         minTime: 8 , /*LIMITA O INICIO DO HORARIO A SER MOTRADO A 08:00 (0 a 23)*/
         
         maxTime: 21 , /*LIMITA O FIM DO HORARIO A SER MOTRADO A 20:00  (0 a 23)*/
         
         events: '../json/json.php' , /*AQUI É CHAMADO O ARQUIVO QUE FARÁ O PROCESSAMENTO PHP*/
         
         dayClick: function(date, allDay, jsEvent, view) {
      
   var diaClicado = $.fullCalendar.formatDate( date , 'yyyy-MM-dd' );
           
            var dia = $.fullCalendar.formatDate( date , 'dd/MM/yyyy' );
           
            tb_show('', '../form_evento/form_evento.php?diaClicado='+diaClicado+'&sc_cal_click_date=&nmgp_outra_jan=true&nmgp_url_saida=modal&TB_iframe=false&modal=false&height=450&width=850', '');
            //TAMBEM PODE SER ASSIM:   
            //window.open('../form_evento/form_evento.php?diaClicado='+diaClicado , '_blank' ,  'width=600,height=500');
         
          },
         
         height: 600, /*ALTURA DO CALENDARIO*/
         
         eventClick: function(calEvent, jsEvent, view) {
           
            var id_bg   = calEvent.id;
           
            tb_show('', '../boletim_detalhe/boletim_detalhe.php?id='+id+'&sc_cal_click_date=&nmgp_outra_jan=true&nmgp_url_saida=modal&TB_iframe=false&modal=false&height=700&width=850', '');
            //TAMBEM PODE SER ASSIM:
            //window.open('../form_evento/form_evento.php?idevento='+idevento , 'JANELA' ,  'width=600,height=500');
           
         },
         
      });
     
   });

</script>
<div id='calendar'></div>
<?php

FredKeyster

  • Expert
  • *****
  • Mensagens: 1702
  • DEWENNINMEN
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #80 Online: Dezembro 23, 2014, 11:41:05 pm »
O código esta correto! Faça o seguinte, no form "form_evento" vá no campo dessa data do evento e lá procure "Valor Inicial (tipo)" e coloque logo abaixo: [diaClicado], em seguida vá em Aplicação => "Variáveis Globais" e marque como Entrada.

Assim resolve esse problema.

Abraço!
F. A.
Analista de Sistemas

Igor Kennedy

  • Novato
  • *
  • Mensagens: 8
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #81 Online: Dezembro 28, 2014, 08:31:41 am »
Obrigado FredKeyster, deu certo assim como vc passou.

Thiago Faria

  • Novato
  • *
  • Mensagens: 2
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #82 Online: Fevereiro 02, 2015, 09:55:35 am »
Olá, eu utilizo em uma aplicação, somente a visão mensal.
Tem alguma forma de alterar a cor do fundo de determinados dias?
Por exemplo, os dias 4, 5 e 6 ficarem com uma cor diferente para mostrar que aqueles dias estão habilitados.
Outra dúvida é se existe a possibilidade de bloquear a função de clicar em determinados dias que no caso não estiverem habilitados para inserir nenhuma agenda.
Obrigado.

FredKeyster

  • Expert
  • *****
  • Mensagens: 1702
  • DEWENNINMEN
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #83 Online: Fevereiro 02, 2015, 10:53:20 am »
Caro Thiago, tem como fazer sim, mas exige grande experiência em JS com relação ao bloqueios nos clicks. Eu particularmente não sei como fazer. Sobre as cores acho que você pode modificar no arquivo Json.
F. A.
Analista de Sistemas

Nadai

  • Novato
  • *
  • Mensagens: 2
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #84 Online: Março 04, 2015, 11:02:49 am »
Caro Igor Kennedy, muito obrigado pela dica.

Eu não sei se vc tentou com a nova versão do fullcalendar, a que existe hoje no site, mas não funcionou.
A do SC8 funcionou normalmente.

Abusando um pouco, preciso ter acesso ao calendário do Zimbra.
Vc sabe onde encontro alguma coisa para fazer esta interface?

Obrigado mais uma vez pela dica.

twm

  • Novato
  • *
  • Mensagens: 3
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #85 Online: Março 04, 2015, 02:56:22 pm »
    //window.open('../form_evento/form_evento.php?diaClicado='+diaClicado , '_blank' ,  'width=600,height=500');

jobsoncunha

  • Iniciante
  • **
  • Mensagens: 79
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #86 Online: Abril 29, 2015, 09:04:51 am »
Wennys, gostei muito de seu exemplo. Estou pretendendo usar, mas preciso que o usuário arraste os eventos para acomodação de datas e horários conforme conveniência. A perguntas é a seguinte: como e onde entra os comandos de update para alterar os dados na tabela quando o usuário arrastar o evento? e como atualizar a tela do calendário após a alteração do registro quando utilizo o form e faço alterações?

 


reinaldo lima

  • Novato
  • *
  • Mensagens: 18
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #87 Online: Maio 22, 2015, 01:22:38 pm »
olá Wennys Carlos

Parabéns, gostaria de saber uma coisa, no intervalo de cada horário do calendário, possui apenas duas linhas, sabe me dizer se é possível customizar para adicionar mais linhas e como fazer isso? quebrei a cabeça aqui e até agora nada.

abraços

att
Reinaldo

andreluiz

  • Iniciante
  • **
  • Mensagens: 52
    • André Luiz Web
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #88 Online: Junho 10, 2015, 08:45:25 am »
oi  tentei atualizar da forma ai deu erro mas beleza


Tenho uma dúvida, gostaria de travar a data do calendário exemplo depois que cadastra essa data dia 13/06/2015 exemplo não tem como alterar e nem gravar ela novamente tipo fica o dia todo reservado, entende?

jpinto

  • Iniciante
  • **
  • Mensagens: 62
    • SCANTEC
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #89 Online: Junho 11, 2015, 05:12:23 am »
Bom dia meus amigos
Partilho com você este meu exemplo que esta baseado no wdCalendar
link do meu exemplo
http://scriptcase.scantec.pt/v8/app/ServiceWEBXX/calendar/


Codigo
http://jquerylabs.com/wdcalendar-jquery-plugin-html/