$(function() {
	// start input tap
	$('input#money-range').on('input', function(e){
  var min = e.target.min,
      max = e.target.max,
      val = e.target.value;

  $(e.target).css({
    'backgroundSize': (val - min) * 100 / (max - min) + '% 100%'
  });

})


.trigger('input');
$('input#data-range').on('input', function(e){
var min = e.target.min,
		max = e.target.max,
		val = e.target.value;

$(e.target).css({
	'backgroundSize': (val - min) * 100 / (max - min) + '% 100%'
});

})


.trigger('input');
    $("input#money-range").on('input', function(){
      $(this).prev().prev().val(this.value);
			var moneyPercent = this.value;
			var moneyCommon = (moneyPercent*0.1)/310;
			$("#money-display").text(parseInt(moneyCommon));
			var innerData = parseInt(moneyPercent) + parseInt(moneyCommon);
			$("#common-display").text(parseInt(innerData));
    });
		$("input#data-range").on('input', function(){
      $(this).prev().prev().val(this.value);
			var dataPercent = this.value;
			var moneyValue = $("input#money").val();
			moneyData = (moneyValue*0.2)/500;
			var innerData = moneyData * dataPercent + parseInt(moneyValue);
			$("#common-display").text(parseInt(innerData));

            // date

            $("#data-display").text(parseInt(dataPercent));
            // end date
    });

    $('#money-range').on('#money', function(){
        $('#money').val($('#money-range').val());
    });

    $('#money').on('keyup', function(){
        $('#money-range').val($('#money').val());
    });

    $('#data-range').on('#data', function(){
        $('#data').val($('#data-range').val());
    });

    $('#data').on('keyup', function(){
        $('#data-range').val($('#data').val());
    });
});


$(function() {

// 5 charachters limit
    var max_chars = 5;

    $('#money').keydown(function (e) {
        if ($(this).val().length >= max_chars) {
            $(this).val($(this).val().substr(0, max_chars));
        }
    });

    $('#money').keyup(function (e) {
        if ($(this).val().length >= max_chars) {
            $(this).val($(this).val().substr(0, max_chars));
        }
    });
});


$(function() {
// 4 charachters limit
    var max_chars = 4;

    $('#data').keydown(function (e) {
        if ($(this).val().length >= max_chars) {
            $(this).val($(this).val().substr(0, max_chars));
        }
    });

    $('#data').keyup(function (e) {
        if ($(this).val().length >= max_chars) {
            $(this).val($(this).val().substr(0, max_chars));
        }
    });
});

<div class="calc-box">
                    <form action="/profile/" method="GET">
                        <div class="calc-top-content">

                            <div class="input-money">
                                <label for="money">Сумма</label>
                                <input id="money" type="number" name="credit_size" min="100" max="50000" value="5000">
                                <span class="coin"><img src="" alt="Coin"></span>
                                <input type="range" id="money-range" min="100" max="50000" step="100" value="3000">
                                <span class="min-money">100</span>
                                <span class="max-money">50000</span>
                            </div>
                           <div class="input-data">
                                <label for="data">Срок кредита</label>
                                <input id="data" type="number" name="credit_term" min="5" max="1825" maxlength="4" value="25">
                                <span class="coin">дней</span>
                                <input type="range" min="5" id="data-range" max="1825" step="1" value="30">
                                <span class="min-data">5</span>
                                <span class="max-data">1825</span>
                            </div>
                            <div class="send-button hidden-xs hidden-sm">
                                <button type="submit">Получить кредит</button>
                            </div>

                        </div>
                        <div class="calc-bottom-data">
                            <div class="bottom-data"><p>Гривен в день: <span id="money-display">2</span><img src="" alt="Money"></p></div>
                            <div class="bottom-data"><p>Вернуть через: <span id="data-display">25</span></p></div>
                            <div class="bottom-data bt-flex-right"><p>Всего: <span id="common-display">5050</span><img src="" alt="Money"></p></div>
                        </div>
                        <div class="calc-bottom-data hidden-button-box hidden-lg hidden-md">
                            <div class="bottom-data bd-right"><button type="submit">Получить кредит</button></div>
                        </div>
                    </form>
                </div>