Saltar al contenido

Selector de fecha y hora de ASP.NET

Solución:

La respuesta a tu pregunta es que hay buenos controles de selección de tiempo de código abierto / gratuito que combinan bien con los controles de calendario ASP.NET.

Los controles de calendario ASP.NET simplemente escriben una tabla HTML.

Si está utilizando HTML5 y .NET Framework 4.5, puede utilizar un control ASP.NET TextBox y establecer el TextMode propiedad a “Fecha”, “Mes”, “Semana”, “Hora” o “DateTimeLocal”, o si su navegador no lo admite, puede establecer esta propiedad en “DateTime”. A continuación, puede leer la propiedad Text para obtener la fecha, la hora, el mes o la semana como una cadena del TextBox.

Si está utilizando .NET Framework 4.0 o una versión anterior, puede utilizar HTML5 <input type="[month, week, etc.]">; si su navegador no es compatible con esto, utilice <input type="datetime">.

Si necesita el código del lado del servidor (escrito en C # o Visual Basic) para la información que el usuario ingresa en el campo de fecha, entonces puede intentar ejecutar el elemento en el servidor escribiendo runat="server" dentro de la etiqueta de entrada. Al igual que con todas las cosas ASP, asegúrese de darle a este elemento un ID para que pueda acceder a él en el lado del servidor. Ahora puede leer la propiedad Value para obtener la fecha, hora, mes o semana de entrada como una cadena.

Si no puede ejecutar este elemento en el servidor, necesitará un campo oculto además del <input type="[date/time/month/week/etc.]". En la función de envío (escrito en JavaScript), establezca el valor del campo oculto en el valor del tipo de entrada = “fecha”, “hora”, “mes” o “semana” – luego en el servidor- código lateral, lea la propiedad Value de ese campo oculto como cadena también.

Asegúrese de que el elemento de campo oculto del HTML pueda ejecutarse en el servidor.

JQuery tiene el mejor selector de fechas en mi humilde opinión. Si bien no es específico de .Net, todavía funciona muy bien.

HTML:

<input type="text" value="9/23/2009" style="width: 100px;" readonly="readonly" name="Date" id="Date" class="hasDatepicker"/>

En elemento principal:

<script src="https://foroayuda.es/Scripts/jquery-1.3.2.min.js" language="javascript" type="text/javascript"/>
<script src="../../Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"/>

¡Simple como eso!

En el cuadro de texto, agregue esto:

textmode="Date"

Te da un selector de fechas atractivo como este:

Selector de fechas

Otras variaciones de esto son:

textmode="DateTime"

Te da este look:

Selector de fecha y hora

textmode="DateTimeLocal"
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *