Asociar un textbox a un Calendario en CSHARP

Ajax Control Toolkit Calendar

El control Calendar te permite mostrar un selector de fechas cuando el foco se mueve a un elemento de entrada. Calendar es un extensor ASP.NET AJAX que se puede conectar a cualquier control ASP.NETTextBox. Proporciona cliente fecha-picking funcionalidad con formato de fecha y personalizable interfaz de usuario en un control emergente. Puede interactuar con el calendario haciendo clic en un día para establecer la fecha, o el programa “Today” para ajustar la fecha actual. Además, las flechas izquierda y derecha se puede utilizar para avanzar o retroceder un mes. Al hacer clic en el título del calendario que puede cambiar la vista de días en el mes en curso, a meses en el año en curso. Otro clic cambiará a años en la década actual. Esta acción le permite saltar fácilmente a las fechas en el pasado o en el futuro dentro del control de calendario.

Visualización de un calendario emergente simple

En este tutorial, aprenderá a mostrar un calendario emergente cuando alguien mueve el foco a un TextBox. Usted puede utilizar el calendario para seleccionar una fecha en particular. Vamos a crear el calendario emergente siguiendo estos pasos (1) Agregar un ToolkitScriptManager (2) Agregar un control TextBox (3) Añadir un CalendarExtender Para saber cómo instalar el Ajax Control Toolkit , ver el Ajax Control Toolkit página.

Añadir un ToolkitScriptManager

Antes de que pueda utilizar cualquiera de los controles de Ajax Control Toolkit en una página, primero debe agregar un ToolkitScriptManager a la página. Puede arrastrar el ToolkitScriptManager desde la ventana de Visual Studio Herramientas en la página. El ToolkitScriptManager se encuentra en el Ajax Control Toolkit ficha en el cuadro de herramientas.

1. < asp: ToolkitScriptManager  ID = "ToolkitScriptManager1"  runat = "server" >
2. </ asp: ToolkitScriptManager >

Agregar un control TextBox

El CalendarExtender trabaja con un control estándar de ASP.NET TextBox. En la vista Diseño, arrastre un control TextBox de debajo de la ficha Estándar del Cuadro de herramientas a la página. A continuación, cambie el ID del control TextBox a txtStartDate . Puede cambiar el ID en la ventana Propiedades. El código fuente resultante tiene este aspecto:

1. < asp: ToolkitScriptManager  ID = "ToolkitScriptManager1"  runat = "server" >
2. </ asp: ToolkitScriptManager >
4. < asp: TextBox  ID = "txtStartDate"  runat = "server" > </ asp: TextBox >

Añadir un CalendarExtender

El siguiente paso es aplicar un control de CalendarExtender a TextBox. Agregue el control CalendarExtender siguiente a la página:

1. < asp: ToolkitScriptManager  ID = "ToolkitScriptManager1"  runat = "server" >
2. </ asp: ToolkitScriptManager >
4. < asp: TextBox  ID = "txtStartDate"  runat = "server" > </ asp: TextBox >
6. < asp: CalendarExtender
7.     ID = "CalendarExtender1"
8.     TargetControlID = "txtStartDate"
9.     runat = "server"  />

Resultado

Control Textbox con calendario en c# .net