asp.net - net - datetimepicker js
ASP.NET DateTime Picker (7)
Como es el único que he usado, sugeriría el CalendarExtender de http://www.ajaxcontroltoolkit.com/
¿hay algún buen selector de tiempo de código libre / abierto que vaya bien con el control de calendario de ASP.NET?
Esta es una solución sin jquery.
Agregar calendario y TextBox en WebForm -> Fuente de WebForm tiene esto:
<asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="DateChange">
</asp:Calendar>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
Crear métodos en el archivo cs de WebForm:
protected void Page_Load(object sender, EventArgs e)
{
TextBox1.Text = DateTime.Today.ToShortDateString()+''.'';
}
protected void DateChange(object sender, EventArgs e)
{
TextBox1.Text = Calendar1.SelectedDate.ToShortDateString() + ''.'';
}
El método DateChange se conecta con el evento Calendar SelectionChanged. Se ve así: DatePicker Image
Existe una implementación sencilla y lista para usar: el input type="date" HTML 5 input type="date" y los otros tipos de entrada relacionados con la fecha.
Está bien, no se puede modificar el estilo de los controles y no funciona en todos los navegadores , pero aún así puede ser una muy buena opción a largo plazo si todos los navegadores modernos lo admiten y no quieren incluir pesadas bibliotecas que no siempre funcionan tan bien en dispositivos móviles.
JQuery tiene el mejor datepicker mi humilde opinión. Si bien no es específico de .Net todavía funciona de maravilla.
HTML:
<input type="text" value="9/23/2009" style="width: 100px;" readonly="readonly" name="Date" id="Date" class="hasDatepicker"/>
En elemento principal:
<script src="../../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!
La respuesta a su pregunta es Sí , hay un buen control de selector de tiempo de fuente abierta / libre que va bien con el control de calendario de ASP.NET.
El control de calendario ASP.NET simplemente escribe una tabla html.
Si está utilizando HTML5 y DOT.NET Framework 4.5, puede usar el control ASP.NET TextBox y establecer la propiedad TextMode en "Fecha", o "Mes", o "Semana", o "Tiempo" o " DateTimeLocal "o si no está usando Chrome o Firefox o Internet Explorer, entonces también puede establecer esta propiedad en" DateTime ".
A continuación, lea la propiedad Text para obtener la fecha, o la hora, o el mes, o la semana como cadena de TextBox.
Si está utilizando DOT.NET Framework 4.0 o una versión anterior, puede usar html5 input type = "date" o input type = "month" o input type = "week" o input type = "time" o input type = "datetime-local" o si no está usando Chrome o Firefox o Internet Explorer, entonces también puede usar input type = "datetime".
Si necesita en el código del lado del servidor (escrito en C # o Visual Basic) la información que ingresa el usuario en el campo de fecha, entonces puede intentar ejecutar este elemento en el servidor escribiendo dentro de la etiqueta de entrada runat="server"
También déle a este elemento una identificación, para que pueda acceder a él en el código del lado del servidor. Lea la propiedad Value para obtener la fecha de entrada, la hora, el mes o la semana como cadena. Si no puede ejecutar este elemento en el servidor, necesita un campo oculto además del tipo de entrada = "fecha" o "hora" o "mes" o "semana". En la función de envío (escrita en javascript) establezca el valor del campo oculto en el valor del tipo de entrada = "fecha", o "hora", o "mes", o "semana", y luego en el código del lado del servidor , lea la propiedad Value de ese campo oculto también como cadena.
Seguro que el elemento de campo oculto del html puede ejecutarse en el servidor.
Espero que ayude.
Pruebe bootstrap-datepicker si está usando bootstrap.
Esta es la versión gratuita de su producto insignia, pero contiene un selector de fecha y hora nativo para asp.net.