Renderizar asp.TextBox para tipo de entrada html5 = "fecha"

Question

No sé si se lo han preguntado antes, tampoco lo han encontrado.

¿Es posible controlar el tipo de texto de entrada que representa un asp: TextBox? Me gustaría cambiarlo a <input type="date">

alguna sugerencia o comentarios son bienvenidos, gracias

Answer 1

En realidad no existe una manera fácil de reemplazar el atributo de tipo de asp standart: Cuadro de texto. Se puede utilizar un elemento de entrada simly

Este es un ejemplo

<input type="date" id="Input1" runat="server" /> 

Avísame si ayuda ...

Answer 2

Aquí es cómo lo hice ... espero que ayude .. .

añadir un nuevo elemento a su proyecto del tipo "JScript archivo", a continuación, pegar este código en:

var setNewType; 
if (!setNewType) { 
setNewType = window.onload = function() { 
    var a = document.getElementsByTagName('input'); 
    for (var i = 0; i < a.length; i++) { 
     if (a[i].getAttribute('xtype')) { 
      a[i].setAttribute('type', a[i].getAttribute('xtype')); 
      a[i].removeAttribute('xtype'); 
     }; 
    } 
} 

Ahora agregue esta línea en su página aspx después de la etiqueta cuerpo (cambiar el nombre del archivo a lo que usted llama encima!):
<script type="text/javascript" src="setNewType.js"></script>

Por último, añadir algo como lo siguiente a su código detrás pageLoad (solía VB aquí):

aspTxtBxId.Attributes("xtype") = "tel" ' or whatever you want it to be 

la parte importante de arriba es la Atributos ("xtype"), ya que lo coloca xtype atributo en el hTML representado por el "cuadro de texto", que se encuentra a continuación, el código JavaScript. y usa para reemplazar el atributo original "tipo".

¡Buena suerte!
FJF

Answer 3

Fui por la ruta de construir mi propio conjunto de html5 inputs creando controles personalizados. Obtengo los teclados personalizados en iPad y iPhone más la codificación de devolución de los controles de asp.net verdaderos. Funcionó para mi proyecto interno, así que decidí licenciar todo el paquete para ahorrarle a otras personas el tiempo y el problema de hacerlo desde cero.

Espero que esto ayude!

Answer 4

Hay una actualización para .NET Framework 4, que le permite especificar el atributo type

http://support.microsoft.com/kb/2468871.

Ver feature 3 abajo en la hoja

característica 3

nueva sintaxis permite definir un control de cuadro de texto que es HTML5 compatibles.Por ejemplo, el siguiente código define un control TextBox que es compatible con HTML5 :

<asp:TextBox runat="server" type="some-HTML5-type" /> 

Answer 5

Si no te importa la subclasificación, se puede hacer esto mediante la overidding AddAttributesToRender

public class DateTextbox : System.Web.UI.WebControls.TextBox 
{ 
    protected override void AddAttributesToRender(System.Web.UI.HtmlTextWriter writer) 
    { 
     writer.AddAttribute("type", "date"); 
     base.AddAttributesToRender(writer); 
    } 
} 

Answer 6

que sé esta pregunta es antigua, pero estaba teniendo el mismo problema en una aplicación de formularios web. Es necesario utilizar TextMode

Mientras que la documentación indica que

utilizar la propiedad TextMode para especificar cómo se muestra un control de cuadro de texto. Tres opciones comunes son cuadro de texto de una línea, línea múltiple o contraseña.

También puede usar html5, fecha, hora, número, etc. integrados en Visual Studio 2012/2013.

https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.textbox.textmode(v=vs.110).aspx