Como trabalhar com mascara no Asp Net MVC
Olá, estou estudando Asp Net MVC, e tratando padrões de desenvolvimentos com o exemplo abaixo. A minha duvida é como faria para adicionar mascara de telefone, cpf, data, a exemplo de data [DisplayFormat(DataFormatString=dd/mm/yyyy)], mas o mesmo não gera a mascara na view( na pagina), gostaria que logo com o input no caso da data ja fosse aparecendo as barras ou se não os pontos ( / / / ou se . . .) logo que fosse colocado a informação, e assim por diante. A pergunta é como faço isso, e o que preciso para que isso aconteça, isso é possivel ser feito na Model como estou fazendo?
Pois como visto abaixo: os nomes do campo, as validações, tamanho do campo, limite de caracteres e outros, estou fazendo no Model.
using System.ComponentModel.DataAnnotations;
namespace SisCadastro.Models
{
[Table(Departamento)]
public class Departamento
{
[Key]
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public int DepID { get; set; }
[Required(ErrorMessage=Por favor preencha o campo Nome *)]
[Display(Name=Nome *)]
[StringLength(50,ErrorMessage=Limite máximo de 50 caracteres)]
[DataType(DataType.Text)]
public string Nome { get; set; }
public ICollectionFuncionario Funcionarios { get; set; }
[Display(Name=Data do Cadastro)]
[DisplayFormat(DataFormatString=dd/mm/yyyy)]
public DateTime DataCadastro { get; set; }
}
}
Pois como visto abaixo: os nomes do campo, as validações, tamanho do campo, limite de caracteres e outros, estou fazendo no Model.
using System.ComponentModel.DataAnnotations;
namespace SisCadastro.Models
{
[Table(Departamento)]
public class Departamento
{
[Key]
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public int DepID { get; set; }
[Required(ErrorMessage=Por favor preencha o campo Nome *)]
[Display(Name=Nome *)]
[StringLength(50,ErrorMessage=Limite máximo de 50 caracteres)]
[DataType(DataType.Text)]
public string Nome { get; set; }
public ICollectionFuncionario Funcionarios { get; set; }
[Display(Name=Data do Cadastro)]
[DisplayFormat(DataFormatString=dd/mm/yyyy)]
public DateTime DataCadastro { get; set; }
}
}
João Ribeiro
Curtidas 1
Melhor post
Caitano Ferreira
15/08/2016
Siga estes passos...
1 - insira o atributo no model...new { @type = "date" } no campo de data
2 - na classe corrija o seu data annotations...[DisplayFormat(DataFormatString= "{0:dd/MM/yyyy}"]
1 - insira o atributo no model...new { @type = "date" } no campo de data
2 - na classe corrija o seu data annotations...[DisplayFormat(DataFormatString= "{0:dd/MM/yyyy}"]
GOSTEI 1