1

Eu gostaria de abrir um modal quando clicasse em um dia no calendário.

script:

<script>
    $(document).ready(function ()
    {
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,listWeek'
            },
            views: {
                listWeek: { buttonText: 'Compromissos' }
            },
            defaultView: 'month',
            defaultDate:  '@(ViewBag.HoraHoje)',
            navLinks: false, // can click day/week names to navigate views
            editable: false,
            eventLimit: false, // allow "more" link when too many event
            selectable: true,
            dayClick: function(date, jsEvent, view, resourceObj) {
                $('#id01').dialog();
}
        });

    });
</script>

html:

    <body>
<div id="calendar"></div> 
<div id="id01" class="w3-modal">
    <div class="w3-modal-content">
        <div class="w3-container">
            <p>Some text. Some text. Some text.</p>
            <p>Some text. Some text. Some text.</p>
        </div>
    </div>
</div>

1 Resposta 1

0

Segundo a documentação em: dayClick

$('#calendar').fullCalendar({
dayClick: function(date, jsEvent, view, resourceObj) {

    alert('Date: ' + date.format());
    alert('Resource ID: ' + resourceObj.id);

    }
});

no lugar de alert você pode colocar o seu modal:

$('#seuModal').dialog(); //por exemplo
5
  • Ainda não to conseguindo. 13/03/2017 às 12:12
  • Quando você abre o Developer Tools, em Console aparece algum erro?
    – JcSaint
    13/03/2017 às 12:19
  • Não funciona o método 13/03/2017 às 12:26
  • Qual o nome do método?
    – JcSaint
    13/03/2017 às 12:27
  • Consegui ^^. dei uma olhada no site da bootstrap 13/03/2017 às 12:30

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .