A simple plugin for doing simple inline calculation inside any <input>
Always loved to make simple calculations inside any number textbox on MS Money, now you can do it with jQuery also. I skipped showing the calculator, because it will create big trouble maintaining the focus in the input, but show a nice ticket with the past operations.
This is my first jQuery plugin and first GitHub project, so have mercy :)
decimals
Number of decimals to show in the ticket and in the result value. Default is '2'useCommaAsDecimalMark
If true, use the comma to parse the numbers and to show the values. Default is 'false'numberFormat
Intl.NumberFormat() which can contain further formatting options. See: MDN: NumberFormat for more. Optional. Will default to 'US' if useCommaAsDecimalMark is provided and true, or 'FR' if useCommaAsDecimalMark is provided and falseparent_element
Parent element to attach the calculator "ticket", use to control visibility. Default is$("body")
$(function () {
$("input").calculadora({decimals: 0, useCommaAsDecimalMark: false});
})
Or:
const nF = new Intl.NumberFormat('US', {style: 'decimal', maximumFractionDigits: 2, useGrouping: false});
$("input.calculator").calculadora({numberFormat: nF, parent_element: $('.modal-body')});