Visitas al Foro


Ayuda al Foro


Calendario con fechas enables y disables

Ver el tema anterior Ver el tema siguiente Ir abajo

Calendario con fechas enables y disables

Mensaje por josemanuel31 el Miér Oct 19, 2016 5:37 pm

En esta ocasion colocare un codigo que me ayudo a resulver un problema en mi trabajo, me solicitaron un calendario que tenia que tener habilitados solo las fechas que estan dentro de uan base de datos en SQL server lo complicado no fue elsacar las fechas si no el comportamiento del calendario.

como inicio el calendario que tenia era el de ajax calendar extender, no encontre informacion de como agregar dicho comportamiento asi que lo diseñe desde jquery
anexo el codigo del calendario

<script type="text/javascript">

     $(function () {

        /**declaramos un array que recibira las fechas*/
         <% var serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); %>
         var array = <%= serializer.Serialize(test) %>;

     
/**declaramos 2 años para que el calendario no pueda ver mas hacia atras*/
         var year= new Date().getFullYear();
         var ini=year-1;
         var rangeyear=ini+":"+year;
        
/**declaramos nuestro objeto en mi caso una caja de texto en asp net*/
      $("#<%= txtFecha.ClientID %>").datepicker({
          beforeShowDay: function(date){

/**aqui recibimos de la base de datos las fechas en el formato que se asigno*/
              var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
              return [ array.indexOf(string) == -1 ]
          },
/**Aqui asignamos el formato de los titulos de los dias*/
          dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
/**aqui el formato de los meses que aparecen en los titulos del calendario*/
          monthNames: ["enero,", "febrero,", "marzo,", "abril,", "mayo,", "junio,", "julio,", "agosto,", "septiembre,", "octubre,", "noviembre,", "diciembre,"],
/**Formato en que se mostrara en la caja de texto*/
          dateFormat: "dd/mm/yy",
          
//Limitamos los años en el calendario a no mostras mas de 2 años atras
          yearRange: rangeyear,

         


      });

        

  } );
    
   

 </script>



este codigo esta en C# es para enviar nuestra consulta de sql con las fechas validas a el calendario jquery.

  void cargafechas()
        {
            string query = "SP_fechas_enables";
            DataSet ds = SIPP.DataBase.GetDSPePelet(query);


            try
            {
                if (ds != null)
                {
                    if (ds.Tables[0].Rows.Count > 0)
                    {
                        test = "[" + Convert.ToString(ds.Tables[0].Rows[0]["arreglo"]) + "]";
                    }
                }
            }
            catch (Exception ex)
            {
                debug.Append(ex.Message);
                AddDebugLine(debug, "", ex.Source, ex.StackTrace);
            }


            //test = "[2016-09-01,2016-09-04,2016-09-08,2016-09-10,2016-09-17,2016-09-20]";
            test = test.Replace("/", "-"); 
        }
avatar
josemanuel31
Administrador EstudiantEsad
Administrador EstudiantEsad

Mensajes : 322
Fecha de inscripción : 27/05/2011
Edad : 42
Localización : Monterrey

http://aulavirtualds.foroactivo.org

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.