Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/04/2016, 09:13
Avatar de cartau07
cartau07
 
Fecha de Ingreso: diciembre-2015
Ubicación: medellin
Mensajes: 95
Antigüedad: 8 años, 3 meses
Puntos: 1
aprender Como hacer un calendario dinamico

buenos días que pena volver a preguntar tengo una inquietud tengo un formulario y un calendario grande donde quiero que al momento de ingresar datos a mysql de fechas importante como hago que por medio de ajax me lo muestre en el día correspondiente
dejo mi código
Código HTML:
<div class="codrops-top clearfix">
      </div><!--/ Codrops top bar -->
      <div class="custom-calendar-wrap custom-calendar-full">
        <div class="custom-header clearfix">
          <h2>Calendario 
          </h2>
         <h3 class="custom-month-year">
            <span id="custom-month" class="custom-month"></span>
            <span id="custom-year" class="custom-year"></span>
            <nav>
              <span id="custom-prev" class="custom-prev"></span>
              <span id="custom-next" class="custom-next"></span>
              <span id="custom-current" class="custom-current" title="Go to current date"></span>
            </nav>
          </h3>
        </div>
         <br>
          <br>
        <div id="calendar" class="fc-calendar-container"></div>
      </div>
    </div><!-- /container -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.calendario.js"></script>
    <script type="text/javascript" src="js/data.js"></script>
    <script type="text/javascript"> 
      $(function() {
      
        var cal = $( '#calendar' ).calendario( {
            onDayClick : function(codropsEvents) {

              for( var key in dateProperties ) {
                console.log( key + ' = ' + dateProperties[ key ] );

              }

            },



          } ),
          $month = $( '#custom-month' ).html( cal.getMonthName() ),
          $year = $( '#custom-year' ).html( cal.getYear() );

        $( '#custom-next' ).on( 'click', function() {
          cal.gotoNextMonth( updateMonthYear );
        } );
        $( '#custom-prev' ).on( 'click', function() {
          cal.gotoPreviousMonth( updateMonthYear );
        } );
        $( '#custom-current' ).on( 'click', function() {
          cal.gotoNow( updateMonthYear );
        } );

        function updateMonthYear() {        
          $month.html( cal.getMonthName() );
          $year.html( cal.getYear() );
        } });
    </script>