Foros del Web » Programando para Internet » Javascript »

aprender Como hacer un calendario dinamico

Estas en el tema de aprender Como hacer un calendario dinamico en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/04/2016, 09:13
Avatar de cartau07  
Fecha de Ingreso: diciembre-2015
Ubicación: medellin
Mensajes: 95
Antigüedad: 2 años, 9 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> 
  #2 (permalink)  
Antiguo 11/04/2016, 11:02
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.387
Antigüedad: 3 años, 4 meses
Puntos: 253
Respuesta: aprender Como hacer un calendario dinamico

No se si ESTO te pueda servir, en todo caso te recomendaria utilizar fullcalendar, yo lo utilizo en algunos proyectos y va de lujo para lo que quieres
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 12/04/2016, 09:32
Avatar de cartau07  
Fecha de Ingreso: diciembre-2015
Ubicación: medellin
Mensajes: 95
Antigüedad: 2 años, 9 meses
Puntos: 1
Respuesta: aprender Como hacer un calendario dinamico

si yo he visto full calendar pero para el requerimiento del cliente no es gustable :(
pero si sera que se pueda adaptar al css de este es que la vista es lo gustable y por ender la prefieren así help me

Última edición por cartau07; 14/04/2016 a las 11:08

Etiquetas: ajax, calendario, dinamico, formulario, google, html, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:40.