List Javascript plugin gratis untuk memodifikasi number

By Admin
PHP
25 Jul 2022

Yoi bagi para frontend developer, kalian mungkin butuh plugin untuk memodifikasi number secara langsung di project kamu. Nah kali ini kita akan memberikan list javascript/jquery plugin yang bisa kamu jadikan pilihan untuk digunakan di project kamu nanti.

1. Numeral JS

Di urutan pertama kita punya yang namanya Numeral JS. Fungsi utamanya tentu untuk manipulasi number ya. Untuk format yang di support antara lain currency, percentages, times, atau number biasa dengan angka decimal, ribuan, dan juga singkatan.

Selain memformat angka, Numeraljs juga bisa membalikan angka yang sudah terformat sebelumnya menjadi bentuk defaultnya.

Contoh penggunaannya seperti di bawah ini ya gais:

var string = numeral(1000).format('0,0'); // '1,000'  

Untuk dokumentasi lebih lengkapnya kalian bisa langsung berkunjung ke alamatnya disini : numeraljs.com

2. Wnumb

Dikutip langsung dari websitenya, wNumb.js adalah number & money formatting. Jadi kalian bisa menggunakan plugin yang satu ini untuk kebutuhan format angka dan mata uang ya gais. Dklaim memiliki interface dan penggunaan yang sangat simple dan juga ukurannya yang kecil sekitar 989 bytes jadi web app yang kalian buat tidak akan keberatan saat meload plugin ini.

Contoh penggunaannya adalah:

// Appending money-formatting 
var Format = wNumb({ 	
     	prefix: '$ ',
	decimals: 3,
	thousand: ','
	});
// Numbers are always correctly rounded
Format.to ( 980735.2635 )
=> '$ 980,735.264'

Untuk dokumentasi yang lebih lengkap, kamu bisa langsung menuju tkp : refreshless.com/wnumb

3. Accounting.js

accounting.js adalah JavaScript library dibuat oleh Open Exchange Rates, yang menyediakan simple dan advance number, money dan currency formatting. Plugin ini tidak memerlukan dependencies lain dan cocok untuk semua client side maupun server side aplikasi Javascript.

// Default usage: 
accounting.formatMoney(12345678);
// $12,345,678.00  
// European formatting (custom symbol and separators), can also use options object as second parameter: 
accounting.formatMoney(4999.99, "€", 2, ".", ","); 
// €4.999,99 

Untuk lebih lengkapnya kamu bisa cek dokumentasi di websitenya langsung ya gais: accounting.js

4. autoNumeric

Oke pada pilihan terakhir kita punya javascript plugin untuk modifikasi number, autoNumeric akan secara otomatis merubah format currency dan angka yang kamu ketikkan di form inputs.

Jadi plugin ini akan membuat form input kamu terlihat lebih userfriendly sehingga user lebih mudah membaca input angka di form yang kamu buat.

Buat dokumentasi lebih lanjut, kamu bisa mengunjungi websitenya langsung: autoNumeric

Nah gais itu beberapa javascript/Jquery plugin yang bisa kamu gunakan untuk format angka dan mata uang di project aplikasi web yang kamu buat ya. Jika kamu punya plugin lain yang lebih keren, kamu bisa share di comment ya, salam ngide!

Artikel Lainnya

Artikel lain yang mungkin menarik juga untuk kamu baca.

Belajar PHP – Apa Itu Interface Dalam PHP?

Pada tutorial belajar PHP kali ini, kita akan membahas tentang yang namanya Interface dalam PHP. Apa itu interface?
Admin
5 min read

Pengertian PHP, Fungsi dan contohnya.

Halo teman ngide, kali ini kita akan membahas apa itu php, sejarah PHP. fungsi PHP secara umum dan juga istilah lainya yang berkaitan dengan PHP.
Admin
5 min read

Cara menginstall XAMPP di windows

Jika kamu ingin membuat website di komputer pribadi kamu, maka kamu membutuhkan sebuah web server. Nah salah satu aplikasi untuk membuat web server di komputer kamu adalah XAMPP.
Admin
5 min read

© 2024