Render asp.TextBox for html5 input type = "date"

Question

Non so se è stato chiesto in precedenza, non è riuscito a trovarlo neanche.

È possibile controllare il tipo di testo di input rappresentato da un asp: TextBox? Vorrei cambiare a <input type="date">

eventuali suggerimenti o commenti sono benvenuti, grazie

Answer 1

In realtà non v'è alcun modo semplice per ignorare l'attributo type in standart asp: TextBox. È simly possibile utilizzare un elemento di input

Ecco un esempio

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

farmi sapere se aiuta ...

Answer 2

Ecco come ho fatto ... spero che aiuta .. .

aggiunge un nuovo elemento al progetto del tipo "File JScript", quindi incollare questo codice in:

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'); 
     }; 
    } 
} 

Ora aggiungere questa riga nella tua pagina aspx dopo la tag corpo (cambiare il nome del file per tutto ciò che ha chiamato sopra!):
<script type="text/javascript" src="setNewType.js"></script>

Infine, aggiungere qualcosa di simile a quanto segue al codice dietro PageLoad (ho usato VB qui):

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

la parte importante sopra è il Attributi ("xtype"), in quanto pone il xtype attributo html rendering per il "testo", che il javaScript rileva poi. e utilizza per sostituire l'attributo "tipo" originale.

Buona fortuna!
FJF

Answer 3

Sono andato a creare il mio set di html5 inputs creando controlli personalizzati. Ottengo le tastiere personalizzate su iPad e iPhone più la codifica postback dei veri controlli di asp.net. Ha funzionato per il mio progetto interno, quindi ho deciso di concedere in licenza l'intera suite per salvare altre persone il tempo e il problema di farlo da zero.

Spero che questo aiuti!

Answer 4

C'è un aggiornamento per .NET framework 4, che consente di specificare l'attributo type

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

Vedi feature 3 modo in basso nella pagina

Caratteristica 3

Nuova sintassi consente di definire un controllo TextBox che è HTML5 compatibili.Ad esempio, il codice seguente definisce un controllo TextBox che è HTML5 compatibile:

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

Answer 5

Se non ti dispiace sottoclassi, è possibile farlo da 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

lo so questa domanda è vecchia, ma stavo avendo lo stesso problema in un'applicazione Web Forms. È necessario utilizzare TextMode

Mentre la documentazione afferma che

utilizzare la proprietà TextMode per specificare la modalità di visualizzazione di un controllo TextBox. Tre opzioni comuni sono la casella di testo a riga singola, multilinea o password.

È inoltre possibile utilizzare html5, data, ora, numero, ecc. Incorporati in Visual Studio 2012/2013.

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