2

Criei um UserControl chamado UclDataVigencia bem simples. Apenas um label e dois input texts que serão responsáveis por receber uma data de início e uma data de fim. Gostaria de aplicar uma máscara para a data do tipo dd/mm/aaaa. Tentei utilizar o jQuery MaskInput, mas sem sucesso. Achei esse link, mas não tive sucesso, segue o código do UclDataVigencia_PortalTributario.ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UclDataVigencia_PortalTributario.ascx.cs" Inherits="Web.Seguranca.UserControls.UclDataVigencia_PortalTributario" %>

<asp:Label ID="lb_msg" runat="server" Font-Bold="true">Data de Vigência (Mensagem de Observação)</asp:Label>

<asp:Label ID="lb_dataInicio" runat="server" Font-Bold="true">Data Início:</asp:Label><br />

<asp:TextBox ID="txt_dataInicio" runat="server" ToolTip="dd/mm/aaaa" Width="25%" CssClass="form-control" Enabled="true" ></asp:TextBox><br />

<asp:Label ID="lb_dataFim" runat="server" Font-Bold="true">Data Fim:</asp:Label><br />

<asp:TextBox ID="txt_dataFim" runat="server" ToolTip="dd/mm/aaaa" Width="25%" CssClass="form-control" Enabled="true"></asp:TextBox>
2
  • Por que o jQuery MaskInput não funcionou? Pode dar mais detalhes?
    – Sam
    Commented 23/02/2018 às 21:43
  • No solution explorer eu vejo que o script foi carregado, mas a maskara não é aplicada. Commented 27/02/2018 às 13:47

1 Resposta 1

0

Você poderia usar javascript exemplo:

<script language="JavaScript" type="text/javascript">
   function mascaraData(campoData){
              var data = campoData.value;
              if (data.length == 2){
                  data = data + '/';
                  document.forms[0].data.value = data;
      return true;              
              }
              if (data.length == 5){
                  data = data + '/';
                  document.forms[0].data.value = data;
                  return true;
              }
         }
</script>

Referencie no seu TextBox assim:

<asp:TextBox ID="txt_dataInicio" runat="server"
ToolTip="dd/mm/aaaa" Width="25%"
CssClass="form-control" Enabled="true"
OnKeyUp="mascaraData(this);" maxlength="10">
</asp:TextBox><br />
2
  • Caso essa resposta tenha atendido suas necessidades, marque-a como resposta.
    – Evandro
    Commented 27/02/2018 às 12:19
  • Não funcionou cara... Commented 27/02/2018 às 13:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .