JSFiddle - React, Tailwind, and code Playground

by gchoken

HTML

<script src="https://raw.github.com/gchokeen/jquery-ui-range-step/master/jquery-ui-range-step.js"></script>
jquery ui slider - year scale

<p> <span id="sort-range-last-post"></span>

</p>
<div id="slider"></div>

JavaScript

//http://erraticdev.blogspot.in/2011/08/advanced-jquery-ui-range-slider.html

$(function () {
    $("#slider").slider({
        range: "min",
        value: 0,
        min: 0,
        max: 366,
        stepScale: [0, 7, 30, 180, 365],
        slide: function (event, ui) {
        	alert("hi");

        }
    });
    
    });