question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Enhancement] v-text-field with decimal amount

See original GitHub issue

Displaying currency is often in a format of 3.50 but as a number it is displayed as 3.5.

An option to choose the amount of decimals in a v-text-field that has type="number" would be nice here.

Property: decimals as number

If you choose 3, then it would always display contents of the text field as 3.500.

Perhaps it will display 3.5 while typing and 3.500 after blur. I imagine this would make the implementation alot simpler.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:23
  • Comments:42 (12 by maintainers)

github_iconTop GitHub Comments

21reactions
AlexandreBonneaucommented, Jan 31, 2018

If there is an interest, I’m willing to modify AutoNumeric as needed to make it work with v-text-field. What would be the way to go about integrating it with that component?

10reactions
jacekkarczmarczykcommented, Oct 12, 2017

It’s not only about separators, it’s also about grouping digits, some country use 3 digits in a group (1.234.567,00) and some use 2 (12.34.567,00)

Read more comments on GitHub >

github_iconTop Results From Across the Web

how to make a text field to accept only numbers, and two ...
I need to make a text field accept only numbers and decimal point, and default to two decimal places. I got this code...
Read more >
[Enhancement] v-text-field with decimal amount - Bountysource
An option to choose the amount of decimals in a v-text-field that has type="number" would be nice here. Property: decimals as number. If...
Read more >
USE_THOUSAND_SEPARATOR breaks forms by formatting ...
When using USE_THOUSAND_SEPARATOR and NUMBER_GROUPING, number values in forms (e.g. ... DecimalField(required=False) >>> from testapp.forms import TestForm ...
Read more >
Text field component - Vuetify
When hide-details is set to auto messages will be rendered only if there's a message (hint, error message, counter value etc) to display....
Read more >
Useful Macro Information - Andrew Pitonyak
Decimal Feet To Fraction 85. 5.27.1. Convert number to words 91. 5.28. Sending Email 97. 5.29. Macro libraries 98. 5.29.1. The vocabulary 99....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found