none
Validar selección de fecha en ASP:CALENDAR RRS feed

  • Pregunta

  • Hola buenas, resulta que tengo un problema de como validar un calendario, es por el lado visual de éste.

    Lo que quiero lograr es que cuando se quiera cambiar de fecha, el Mes o el Año, el calendario no desaparezca y se mantenga visible, y para cuando YA haya una fecha seleccionada la anote en el textbox especificado, además de que desaparezca visualmente el calendario.

    Pero resulta que no me pasa eso, lo del TextBox si funciona bien, me guarda la fecha elegida, pero la parte visual no, les dejo el codigo del calendario.

       
    /*Script del Calendario*/
    
    <script type="text/javascript">
       function displayMyCalendar()
         {
            var datePick = document.getElementById('MyCalendar');
                        
            datePick.style.display = 'block';
         }
    </script>

    Ahora el codigo del calendario del archivo aspx:

    <asp:TextBox id="TextBox_FechaFIN" runat="server" MaxLength="10"/>
    
    <img alt="" src="../images/calendario.jpg" class="calendario" onclick="displayMyCalendar()" />
                
    
    <div id="MyCalendar">
                    
      <asp:Calendar id="Calendar2" OnSelectionChanged="Calendar2_SelectionChanged" runat="server" />
    
    </div>

    Y el estilo del calendario dentro del archivo css

    <style type="text/css"> #datePick { display: none; border:solid 1px black; padding- padding-bottom: 5mm; margin- margin-right: 30mm; background-color: white; color: black;

    text-decoration: none; /*Quiero quitar el subrayado que tiene pero no toma esta linea*/ } </style>

    Y por ultimo su función en el archivo aspx.cs que guarda la fecha seleccionada en el TextBox especificado: 

    protected void Calendar2_SelectionChanged(object sender, EventArgs e)
        {
            
            TextBox_FechaFIN.Text = Calendar2.SelectedDate.ToString("d");
            
        }

    Ahora un ejemplo de como es, les muestro uno ya que el otro es igual y pasa lo mismo:

    Eso, estuve probando con JavaScript y con el método que me guarda la fecha en el TextBox tratando de rescatar la fecha seleccionada pero no he logrado que funcione, gracias.







    • Editado M4uriXD jueves, 10 de mayo de 2018 15:20
    jueves, 10 de mayo de 2018 14:17

Respuestas

  • hola

    desaparece porque es un control de asp.net que realiza un evento al servidor

    quizas debas evaluar usar el UpdatePanel, aunque si bien no recargara la pagina, si actualizara el control

    Sino al alternativa es usar el calendar de jquery

    https://jqueryui.com/datepicker/#inline

    al ser un componente cliente de jquery no hay evento en el servidor, sino que lo realizas usando javascript

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta M4uriXD jueves, 10 de mayo de 2018 20:24
    jueves, 10 de mayo de 2018 18:26