Skip to content

Instantly share code, notes, and snippets.

@Bouncner
Created March 21, 2013 18:05
Show Gist options
  • Save Bouncner/5215230 to your computer and use it in GitHub Desktop.
Save Bouncner/5215230 to your computer and use it in GitHub Desktop.
The date Slider example from http://ghusse.github.com/jQRangeSlider/documentation.html. Only adjusted paths to JS files. These were downloaded from http://ghusse.github.com/jQRangeSlider/index.html and placed in the folder 'stable'. Issue: without including the CSS files, a white page with two draggable texts (both with a date) is shown. Nothing…
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8"/>
<title>example</title>
</head>
<body>
<h1>Hello world</h1>
<div id="slider"></div>
<script src="jquery.js"></script>
<script src="jquery-ui.custom.js"></script>
<script src="jQDateRangeSlider-min.js"></script>
<script src="stable/lib/jquery-1.7.1.min.js"></script>
<script src="stable/demo/lib/jquery-ui/js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="stable/jQDateRangeSlider-min.js"></script>
<script>
//<!--
$("#slider").dateRangeSlider();
//-->
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment