0

Após retornar o valor para o meu formulário, quero formatar ele de forma a mostrar as casas decimais corretamente. Já fiz várias tentativas usando o jQuery Mask, mais não tive sucesso. Agradeço se alguém poder ajudar.

 $(document).ready(function () {



            $("#categoriaPrecificacao").change(function () {

                var categoria_selecionada = $(this).children("option:selected").val();

                var urlCompleto = "/Estacionar/ObterValorHoraPrecificacao/";

                $.ajax({
                    dataType: 'json',
                    method: "GET",
                    url: urlCompleto,
                    data: { id: categoria_selecionada },
                    success: function (data) {
                        console.log(data["results"].valorHora);
                        $(".ValorHora").val(data["results"].valorHora);
                        $('.ValorHora').mask('#.##0,00', { reverse: true });
                    }
                });

            });


        });

inserir a descrição da imagem aqui

3
  • um dúvida, o script é mesmo aplicado? não tem erros no console certo? Commented 3/06/2020 às 9:08
  • @RicardoPontual, não tem erro, a resposta está vindo corretamente
    – Harry
    Commented 3/06/2020 às 12:18
  • @RicardoPontual, já encontrei uma solução, mesmo assim agradeço
    – Harry
    Commented 3/06/2020 às 13:06

1 Resposta 1

0

A solução foi retornar o valor para a view já formatado.

Controller:

[HttpGet, ActionName("ObterValorHoraPrecificacao")]
public async Task<IActionResult> ObterValorHoraPrecificacao(Guid id)
{
    var dados = _mapper.Map<PrecificacaoViewModel>(await _precificacaoRepository.ObterPorId(id));
    var valorFormatado = string.Format(CultureInfo.GetCultureInfo("pt-BR"), "{0:C}", dados.ValorHora).Replace("R","").Replace("$","");

    return Json(new
    {
        results = valorFormatado
    });

}

Jquery

    $("#categoriaPrecificacao").change(function () {

        var categoria_selecionada = $(this).children("option:selected").val();

        var urlCompleto = "/Estacionar/ObterValorHoraPrecificacao/";

        $.ajax({
            dataType: 'json',
            method: "GET",
            url: urlCompleto,
            data: { id: categoria_selecionada },
            success: function (data) {
                console.log(data["results"]);
                $(".ValorHora").val(data["results"]);

            }
        });

    });

Resultado:

inserir a descrição da imagem aqui

2
  • Muito bem, ia falar a mesma coisa. Só vi que na sua formatação você faz um replace dos caracteries "R$", o C# ja formata para você também em formato numérico apenas, basta no ligar de usar o C como formato, usar o N, irá formatar do mesmo jeito porém sem o R$. Poderia ser feito assim var valorFormatado = dados.ValorHora.ToString("N2", new CultureInfo("pt-br")). Mais em suma o resultado seria o mesmo Commented 3/06/2020 às 16:00
  • @RobsonSilva, vou usar a sua dica, valeu!
    – Harry
    Commented 3/06/2020 às 17:22

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 .