Как убрать из диапазона чисел лишние на jQuery?

Подскажите пожалуйста каким образом можно из диапазона чисел в input="number" убрать лишние числа? Нужно чтобы остались числа 3,4,5,6,7,8,9,10,11,12,18,20,24. Вроде меньше и больше диапазона значение чисел сбрасываются, но нужно ещё убрать к примеру числа 13,14,15,16,17,21,22,23, чтобы можно было нажимать на input="number" вниз и вверх. В качестве слайдера использую Slider от jQuery UI.

https://codepen.io/sequelone/pen/KoXOML

$(function() {
        var valMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 18, 20, 24];
    var price = 400;
    var procent = $("#procent").val();
    var percentage = price/100*procent;
    var result = (price + percentage) / 24;
        $(".slider").slider({
            min: 3,
            max: valMap.length - 1,
            value: this.value,
            range: false,
            slide: function(event, ui) {                        
                $("#month").val(valMap[ui.value]);                
            }       
        })

})
$('input#month').on('input', function(){
  if(+$(this).val() > 24) {
    $(this).val(24);
  }
  if(+$(this).val() < 3) {
    $(this).val(3);
  }
});
$('#month').on('click', function(){
   $( ".slider" ).slider( "value", this.value );
}).trigger('keyup');
var month = $("#month").val(valMap[ui.value]);