范围最小值，最大值，步长，不起作用

Question

我尝试使用Material Design样式创建滑块范围。 我整合了这个codepen：Read

我的HTML：

<div class="chauffage_settings_area_slider_temp">
    <div class="rkmd-slider slider-discrete slider-lightBlue slider-light" style="width: 575px;" id="slider_temp">
        <input type="range" min="1" max="30" step="30" value="19" id="st">
    </div>
</div>

我想个性化此滑块的范围是1到30。 几个小时后，我试图找到一个解决方案，但没有找到它。

您有解决问题的一些提示吗？

感谢您的时间和帮助，