Me gustaría hacer algo como esto: http://jqueryui.com/datepicker/

Sin embargo, no estoy exactamente seguro de cómo:

  1. Tengo una masterpage-el contenido de la página, y cuando traté de copiar ese código y pegarlo en la página de contenido, es decir «XXXX no puede estar en el contenido de la región».
  2. Cuando el usuario pulsa el botón enviar, ¿cómo voy a pasar la fecha en la textbox para el lado del servidor de código?

Aquí son partes de mi código:

.aspx:

<asp:Content ID="Content4" ContentPlaceHolderID="MainContent1" runat="server">
    <p>Date: <input type="text" id="datepicker"></p>
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
    <asp:Label ID="lblOutput" runat="server" Text="Label"></asp:Label>
</asp:Content>

.cs:

protected void btnSubmit_Click(object sender, EventArgs e)
{
    lblOutput.Text = //The date from the datepicker
}
InformationsquelleAutor C.J. | 2014-05-21

3 Comentarios

  1. 4

    Que usted necesita para utilizar el runat="server" como esto en tu html:

    <input type="text" id="datepicker" runat="server">

    A continuación, en el lado del servidor puede referirse a datepicker como un objeto de servidor y el acceso datepicker.Value.

    A @C. J comentario. Este es el código fuente incluido en en este enlace añadido en la pregunta, es allí donde la runat=server va:

    Esto va en su Página principal:

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">

    Esto va en su Contenido de la Página:

    <p>Date: <input type="text" id="datepicker" class="datepicker"></p>
    <script>
      $(document).on('ready',function() {
        $( ".datepicker" ).datepicker();
      });
    </script>
    • ¿Dónde puedo incluir el $(function() { $("#datepicker").datepicker(); }); Porque si el tipo en el contenido de la página, se devolverá errores.
    • Por lo tanto, ahora que usted está copiando mi respuesta!! Si quieres te doy mi voto a favor!! no hay ningún problema!!
    • Entiendo que el código como por el enlace. Sin embargo, mi pregunta es, si tengo una página Maestra, ¿cómo voy a llamar a la función en el contenido de la página?
    • cuál es la función de hacer que te refieres a la función de javascript?
    • Traté de incluir los códigos <!doctype html><body> en la página de contenido, pero dice que estos códigos no se pueden incluir en el contenido de la región de
    • Mi mal, yo debería haber explicado el problema más claramente. Así que, básicamente, en la Masterpage, usted tendrá cosas como ContentPlaceHolder, a continuación, en el contenido de la página, que es donde puede entrar todo el contenido. Sin embargo, en el contenido de la pagina, no puedo/no sé cómo incluir la javascript funciones
    • No funciona, el calendario no salgan en la página de contenido
    • mmm trate de la actualización de la respuesta si no voy a necesitar saber si tu consola está provocando errores
    • todavía no está trabajando. No estoy recogiendo cualquier error. También he probado a inspeccionar todos los elementos en el navegador, no me parecen debería haber ningún problema

  2. 1

    HTML5 uso type="date"

    <asp:TextBox ID="tbDate" runat="server" type="date"></asp:TextBox>
  3. 0

    Necesario para inicializar el selector de fecha y agregar runat="server" a su entrada como esta:

    $(function() {
       $("#datepicker").datepicker();
    });
    
    
    <input type="text" id="datepicker" runtat="server">

Dejar respuesta

Please enter your comment!
Please enter your name here