Galera, estou com problema para implementar uma mascara no meu Input de Number, testei alguns plugins como (JqueryMask, Imask e etc.), o valor do Input funciona, mas o resultado fica com virgula no lugar do ponto..
Queria saber se existe alguma forma do valor do input ficar somente com o visual de 1 000 00, mas o valor original dele ser 1000000...
Depois do calculo eu useo localString e rolou tudo bem, mas no input não consigo formatar..
$(function() {
// inicializa e configura o plugin colResizable
$("#range").colResizable({
liveDrag: true,
draggingClass: "rangeDrag",
gripInnerHtml: "<div class='rangeGrip'></div>",
onDrag: atualizaPorcentagens,
minWidth: 8
});
// define variáveis úteis
var rentabilidadeAtlas = 13.68 / 100;
var rentabilidadePoupanca = 1.12 / 100;
var rentabilidadeBolsa = 8.56 / 100;
var rentabilidadeTesouro = 1.51 / 100;
var rentabilidadeBitcoin = 27.70 / 100;
var porcentagemAtlas = 20 / 100;
var porcentagemPoupanca = 20 / 100;
var porcentagemBolsa = 20 / 100;
var porcentagemTesouro = 20 / 100;
var porcentagemBitcoin = 20 / 100;
var valorSelecionado = parseInt($("#input-currency").val());
// função para simular o valor de cada modalidade de investimento
function simulaValor () {
// calcula os valores
var valorAtlas = valorSelecionado + (valorSelecionado * rentabilidadeAtlas);
var valorPoupanca = valorSelecionado + (valorSelecionado * rentabilidadePoupanca);
var valorBolsa = valorSelecionado + (valorSelecionado * rentabilidadeBolsa);
var valorTesouro = valorSelecionado + (valorSelecionado * rentabilidadeTesouro);
var valorBitcoin = valorSelecionado + (valorSelecionado * rentabilidadeBitcoin);
// insere no html
$(".result_atlas_quantum span").html(valorAtlas.toLocaleString('pt-BR'));
$(".result_poupanca span").html(valorPoupanca.toLocaleString('pt-BR'));
$(".result_bolsa_de_valores span").html(valorBolsa.toLocaleString('pt-BR'));
$(".result_tesouro_direto span").html(valorTesouro.toLocaleString('pt-BR'));
$(".result_bitcoin span").html(valorBitcoin.toLocaleString('pt-BR'));
}
// função para simular carteira
function simulaCarteira () {
// calcula os valores
var valorAtlas = valorSelecionado * porcentagemAtlas + ((valorSelecionado * porcentagemAtlas) * rentabilidadeAtlas);
var valorPoupanca = valorSelecionado * porcentagemPoupanca + ((valorSelecionado * porcentagemPoupanca) * rentabilidadePoupanca);
var valorBolsa = valorSelecionado * porcentagemBolsa + ((valorSelecionado * porcentagemBolsa) * rentabilidadeBolsa);
var valorTesouro = valorSelecionado * porcentagemTesouro + ((valorSelecionado * porcentagemTesouro) * rentabilidadeTesouro);
var valorBitcoin = valorSelecionado * porcentagemBitcoin + ((valorSelecionado * porcentagemBitcoin) * rentabilidadeBitcoin);
// soma e insere no html
var soma = valorAtlas + valorPoupanca + valorBolsa + valorTesouro + valorBitcoin;
$(".value-circle span").html("R$ " + soma.toLocaleString('pt-BR', {
minimumFractionDigits: 2,
maximumFractionDigits: 2
}) );
}
// função para atualizar a váriavel das porcentagens ao arrastar o range slider
function atualizaPorcentagens (e) {
// código retirado da documentação do plugin...
var columns = $(e.currentTarget).find("td");
var ranges = [], total = 0, i, s = "Ranges: ", w;
for(i = 0; i<columns.length; i++){
w = columns.eq(i).width()-10 - (i==0?1:0);
ranges.push(w);
total+=w;
}
for(i=0; i<columns.length; i++) {
ranges[i] = 100*ranges[i]/total;
carriage = ranges[i]-w
s+=" "+ Math.round(ranges[i]) + "%,";
}
// atualiza as variáveis de cada porcentagem
porcentagemAtlas = ranges[0] / 100;
porcentagemPoupanca = ranges[1] / 100;
porcentagemBolsa = ranges[2] / 100;
porcentagemTesouro = ranges[3] / 100;
porcentagemBitcoin = ranges[4] / 100;
//
$(".text-atlas span").html((porcentagemAtlas * 100).toFixed(0) + "%");
$(".text-poupanca span").html((porcentagemPoupanca * 100).toFixed(0) + "%");
$(".text-bolsa span").html((porcentagemBolsa * 100).toFixed(0) + "%");
$(".text-tesouro span").html((porcentagemTesouro * 100).toFixed(0) + "%");
$(".text-bitcoin span").html((porcentagemBitcoin * 100).toFixed(0) + "%");
// executa a função para simular carteira
simulaCarteira();
}
// ao mudar o valor do input...
$("#input-currency").change(function() {
valorSelecionado = parseInt($("#input-currency").val());
simulaValor();
simulaCarteira();
});
// init
simulaValor();
simulaCarteira();
});