Comments (2)
Hello @MaulikCodework , I'm looking for the same solution.
Did you managed to find any solution?
Thank you
from ion.rangeslider.
Hey guys. @MaulikCodework, @Rajiv5132.
General rule is - in slider I show prettified parameters like $1,000
, but input receives plain number 1000
.
This is done so, because these numbers could be used for other calculations in different parts of your project business logic.
But, if you really want the input field with prettify applied to it - you will have to do it yourself as a separate functionality.
But you will need to do a double mutation of that value from number 1000
to string 1,000
and back.
Prettify function used in slider is looking like this:
function prettify (num, separator) {
let n = num.toString();
return n.replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g, "$1" + separator);
}
// and now you can do a mutation
prettify(1000, ' '); // 1 000
prettify(10000, ','); // 10,000
You could apply it to any input field.
from ion.rangeslider.
Related Issues (20)
- ionRangeSlider data.step unreadable HOT 3
- How to hide latest caption HOT 1
- Issue with grid 1-4 HOT 1
- Range slider with labels and custom values
- prefix to right HOT 1
- Can we add custom text on each steps?
- Display issue when parent element is using display: inline-flex or display: flex HOT 2
- Adding new sliders via JS
- Allow typing input-values HOT 2
- Installed via NPM: Uncaught TypeError: $(...).ionRangeSlider is not a function HOT 5
- Use it without jQuery HOT 1
- Is it possible to set the initial value to 50% (center on the scale, for zero)? HOT 1
- Singular / Plural postfix
- How to disable dragging of slider when i drag thumb of <Slider> from material Ui
- Change color
- Slider Calcutation HOT 2
- Change backgroup irs-line dinamic HOT 1
- define `onFinish` using data-* attribute
- Changing array values
- Ionrangeslider HTMX integration HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ion.rangeslider.