Изменить значение ползунка с помощью jQuery

Question

У меня есть ползунок пользовательского интерфейса, который начинается с 0 миллионов и достигает 20000 миллионов.

Я хочу изменить значение, когда оно достигает 1000, скажем, 1 миллиард, а когда оно достигает 20000, скажем, 20 миллиардов..

Например, значение 1100 миллионов должно вывести «1 миллиард 100».У меня есть еще один вопрос, я хочу, чтобы эта платформа показала 1 миллиард 100, но я могу вернуть 1100 миллионов. Это, например. Как я могу это сделать?Я не знаю, как я могу это сделать?

  <span><a id="minamountr">0</a>million</span>
  <span><a id="maxamountr">20000</a>million</span>
</div>
<script>
  $(".sliderr").slider({
    min: 0,
    max: 20000,
    values: [0, 20000],
    range: true,
    step: 100,
    slide: function(event, ui) {
      $("#minamountr").html(ui.values[0]);
      $("#maxamountr").html(ui.values[1]);
    }
  });
</script>





        i try it but it doesnn't work:
change: function (event, ui) {
                    value = ui.value;
                    mily = Math.floor(value / 1000);
                    milyoun = value % 1000 
                    if (mily > 1) {
                       milyString = 'milliyard';
                    } else {
                       milyString = 'million';
                    }            
                    if (mily == 0) {
                        altValue = milyoun + ' ' + 'million';
                    } 

                    alert(altValue);

                    $(event.target).slider("option", "altValue", 
                         altValue);
                }

Answer 1

что я понимаю, что когда значение вашего ползунка равно 1000, оно должно показывать 1, а когда 2000 - 2 в минаунтре.И аналогичный случай для maxamountr.Итак, очень просто смотрите ниже пример:

<span><a id="minamountr">0</a>میلیون</span>
<span><a id="maxamountr">20000</a>میلیون</span>

<script>
  $(".sliderr").slider({
    min: 0,
    max: 20000,
    values: [0, 20000],
    range: true,
    step: 100,
    slide: function(event, ui) {
    ( ui.values[0] % 1000 == 0 ) ? $("#minamountr").html(ui.values[0] / 1000.0) :  $("#minamountr").html(ui.values[0]);

    ( ui.values[1] % 1000 == 0 ) ? $("#maxamountr").html(ui.values[1] / 1000.0) :  $("#minamountr").html(ui.values[1]);


    }
  });
</script>