JSFiddle - React, Tailwind, and code Playground

by evan

HTML

<script src="https://rawgithub.com/IonDen/ion.rangeSlider/master/js/ion.rangeSlider.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment-with-langs.min.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/IonDen/ion.rangeSlider/master/css/ion.rangeSlider.css">
<link rel="stylesheet" href="https://rawgithub.com/IonDen/ion.rangeSlider/master/css/ion.rangeSlider.skinFlat.css">
<input type="text" value="" id="range" />

JavaScript

var now = new Date();
var day = 1000 * 60 * 60 * 24;
var start = new Date(now.getTime() - (day * 7));
var now = new Date();
$('#range').val([now.getTime(), start.getTime()].join(';'));
$("#range").ionRangeSlider({
    onChange: function (val) {
        console.log(val);
    }
});