简体   繁体   中英

Convert American Number Format to European

i need your help by converting a american number format (1,000.00) to the european (1.000,00) in a code named Counter-Up from bfintal . ( https://github.com/bfintal/Counter-Up ). My convertion of the integer work, just the float number dont count up. Heres the code: Code: http://jsfiddle.net/ClaraCode/mwpvxwpp/1/

Heres the Code in raw: HTML

<span class="count">12.000</span><br>
<span class="count">1,20</span><br>
<span class="count">1.000</span>

JS:

(function( $ ){
  "use strict";

  $.fn.counterUp = function( options ) {

    // Defaults
    var settings = $.extend({
        'time': 400,
    'delay': 10
}, options);

return this.each(function(){

    // Store the object
    var $this = $(this);
    var $settings = settings;

    var counterUpper = function() {
        var nums = [];
        var divisions = $settings.time / $settings.delay;
        var num = $this.text();
        var isComma = /[0-9]+.[0-9]+/.test(num);
        num = num.replace(/\./g, '');
        var isInt = /^[0-9]+$/.test(num);
        var isFloat = /^[0-9]+,[0-9]+$/.test(num);
        var decimalPlaces = isFloat ? (num.split(',')[1] || []).length : 0;

        // Generate list of incremental numbers to display
        for (var i = divisions; i >= 1; i--) {

            // Preserve as int if input was int
            var newNum = parseInt(num / divisions * i);

            // Preserve float if input was float
            if (isFloat) {
                newNum = parseFloat(num / divisions * i).toFixed(decimalPlaces);
            }

            // Preserve commas if input had commas
            if (isComma) {
                while (/(\d+)(\d{3})/.test(newNum.toString())) {
                    newNum = newNum.toString().replace(/(\d+)(\d{3})/, '$1'+'.'+'$2');
                }
            }

            nums.unshift(newNum);
        }

        $this.data('counterup-nums', nums);
        $this.text('0');

        // Updates the number until we're done
        var f = function() {
            $this.text($this.data('counterup-nums').shift());
            if ($this.data('counterup-nums').length) {
                setTimeout($this.data('counterup-func'), $settings.delay);
            } else {
                delete $this.data('counterup-nums');
                $this.data('counterup-nums', null);
                $this.data('counterup-func', null);
            }
        };
        $this.data('counterup-func', f);

        // Start the count up
        setTimeout($this.data('counterup-func'), $settings.delay);
    };

    // Perform counts when the element gets into view
    $this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });
});

  };

})( jQuery );

Can you find the mistake of me? I spent the half day with searching... :( Thank you

I also suggest just swapping the . and ,
To handle the float just make it a string first:

var floatInput = 1.01;
var tmpInput = String(floatInput);
tmpInput = tmpInput.replace(/,/, '♣')
  .replace(/\./, ',')
  .replace(/♣/, '.');

console.log(tmpInput);

I solved it

 var counterUpper = function() { var nums = []; var divisions = $settings.time / $settings.delay; var num = $this.text(); var isComma = /[0-9]+,[0-9]+/.test(num); num = num.replace(/,/g, '.'); //change this line var isInt = /^[0-9]+$/.test(num); var isFloat = /^[0-9]+\\.[0-9]+$/.test(num); var decimalPlaces = isFloat ? (num.split('.')[1] || []).length : 0; var setCharAt = function(str, index, chr) { debugger; if (index > str.length - 1) return str; return str.substr(0, index) + chr + str.substr(index + 1); } // Generate list of incremental numbers to display for (var i = divisions; i >= 1; i--) { // Preserve as int if input was int var newNum = parseInt(num / divisions * i); // Preserve float if input was float if (isFloat) { newNum = parseFloat(num / divisions * i).toFixed(decimalPlaces); } // Preserve commas if input had commas if (isComma) { debugger; while (/(\\d+)(\\d{3})/.test(newNum.toString())) { newNum = newNum.toString().replace(/(\\d+)(\\d{3})/, '$1' + ',' + '$2'); } newNum = newNum.replace('.', ','); } nums.unshift(newNum); //add this line to your code }

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM