Dalam beberapa project web yang penulis buat sering dihadapkan pada masalah formatting nilai mata uang khususnya Rupiah!. Berikut kode pendek yang penulis gunakan dalam project web memakai HTML, Jquery, dan accounting.js untuk memformat angka pada text input HTML menjadi format Rupiah.
Demo
Kode
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Format Rupiah (Rp.) menggunakan jquery dan accounting.js</title>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script
src="https://raw.github.com/josscrowcroft/accounting.js/master/accounting.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
console.log("OK");
var target = $('#input_data');
target.keyup(function(){
console.log("Enter");
$('#format').text(accounting.formatMoney(target.val(),"Rp. ", "2", ".", ","));
})
});
</script>
</head>
<body>
<div id="demo-format-rupiah" style="padding:25px 5px 55px 0px;">
<label id="format" style="font-size:18px:"></label>
<input type="input" id="input_data" value="0" title="Masukkan angka saja"
style="border:1px solid #333;height:31px;"/>
</div>
</body>
</html> |
Sebagai catatan accounting.js merupakan library untuk format mata uang yang ringan, fleksibel dan tidak mempunyai dependensi library yang lain. Jika ingin dirubah label mata uang Rp. menjadi IDR cukup dirubah parameter dari fungsi formatMoney().
$('#format').text(accounting.formatMoney(target.val(),"IDR ", "2", ".", ",")); |
Selamat mencoba! 
