pequenaalf0rreca 0 Posted September 6, 2017 Olá sou nova aqui no fórum e queria pedir ajuda na criação de um formulário. Eu meti-me nesta porra de webdesign e programação à pouco tempo, estou agora a fazer um site de aluguer de equipamentos no entanto falta-me apenas o essencial dele para o acabar, um formulário que permita calcular o custo do aluguer tendo em conta o preço do produto, a quantidade, e os dias que vai ser utilizado, uma coisa do género do usado no link que deixo, até agora tenho apenas o calendário em JavaScript, que está como mostro em baixo, o resto não estou a conseguir fazer nem por nada. Agradeço desde já a ajuda http://rental.digitalazul.pt/categoria/objetivas/kit-3-objetivas-xeen-cine-prime-ef/ <script> $( function() { var dateFormat = "dd/mm/yy", from = $( "#from" ) .datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 2 }) .on( "change", function() { to.datepicker( "option", "minDate", getDate( this ) ); }), to = $( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 2 }) .on( "change", function() { from.datepicker( "option", "maxDate", getDate( this ) ); }); function getDate( element ) { var date; try { date = $.datepicker.parseDate( dateFormat, element.value ); } catch( error ) { date = null; } return date; } } ); </script> <body> <label for="from">De</label> <input type="text" id="from" name="from" placeholder="Data início "> <label for="to">a</label> <input type="text" id="to" name="to" placeholder="Data final de aluguer"> </body> Share this post Link to post Share on other sites
Kajo ✌ 57 Posted September 7, 2017 Boas. Experimenta isto <script> function myFunction() { var fim = new Date(document.getElementById("fim").value); var inicio = new Date(document.getElementById("inicio").value); //preço por dia var valor = "120"; //calcular numero dias var timeDiff = Math.abs(fim.getTime() - inicio.getTime()); var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)); //calcular valor //preço por dia X 23% de IVA X numero de dias de aluger var preco = (valor * 1.23) * diffDays; //escreve no paragrafo "demo" document.getElementById("demo").innerHTML = preco + "€"; } </script> <body> <input type="date" id="inicio" name="inicio" placeholder="Data início "> <input type="date" id="fim" name="fim" placeholder="Data final de aluguer" onkeyup="myFunction()"> <br> <p id="demo"></p> </body> Share this post Link to post Share on other sites
pequenaalf0rreca 0 Posted September 7, 2017 Não está a funcionar, não sei se fui eu que o inseri mal Share this post Link to post Share on other sites
Kajo ✌ 57 Posted September 7, 2017 Comigo funciona bem. http://prntscr.com/gi5onw Se quiseres manda o código todo que eu altero. Share this post Link to post Share on other sites
Dynamic Things 965 Posted November 21, 2018 AVISO: O tópico em questão , foi fechado por desrespeitar as/os regras/protocolos da comunidade, para saberes qual das/os regras/protocolos foi desrespeitada/o, visita o tópico das regras gerais: De forma a facilitar a estrutura do fórum, agradecemos que respeitem o básico durante a criação de um tópico. Algumas dicas para criares um tópico agradável: O título deve ser curto e explicito! Desta forma os outros membros percebem do que se trata. ATENÇÃO! Não use TÍTULOS unicamente com a palavra "AJUDA", "PROBLEMA", "SUPORTE", etc... Devem ser utilizadas TAG's (palavras-chave) que se relacionem com o conteúdo no tópico. Isto facilita a procura do tópico através dos motores de busca. ATENÇÃO! Não use TAG's como "AJUDA", "PROBLEMA", "SUPORTE", etc. Formate o texto de forma a facilitar a leitura. Se copiar um texto use a opção "Remover formatação" para que não fique com o fundo colorido ou letras com tamanhos desproporcionais. ATENÇÃO! A utilização intensiva de CAPS LOCK ou tamanho de letra acima do normal NÃO É PERMITIDA! O fórum está devidamente estruturado por fóruns e sub-fóruns, por isso, ao criarem um tópico, respeitem a ÁREA devida! Para partilhar imagens, podem usufruir do nosso serviço gratuito em iCyber.me Para usufruir da área de downloads pode faze-lo assim que criar pelo menos 1 tópico/post. O nosso conteúdo é totalmente gratuito. Alguma dúvida, erro ou sugestão que tenhas, não hesites em contactar a equipa. Cumprimentos. Share this post Link to post Share on other sites