title: Leaflet time slider issue for a beginner
body: <p>I just started learning leaflet and the trying to learn things as I implement them in my project. The leaflet time slider <a href="https://github.com/dwilhelm89/LeafletSlider" rel="nofollow">here</a> is one of my first 3rd party contributor implementation that I'm attempting. I followed the directions in a straight forward manner. </p>
  
  <p>Below is the simplified code:</p>
  
  <pre><code>html
  
  &lt;div id="map"&gt;
  &lt;/div&gt;
  &lt;script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="js/SliderControl.js"&gt;&lt;/script&gt;
  &lt;script src="js/script.js"&gt;&lt;/script&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  
  js
  
  var map = L.map('map').setView([40.7241745, -73.9841674], 11);
  
  L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}', {
  attribution: 'Tiles &amp;copy; Esri &amp;mdash; Esri, DeLorme, NAVTEQ',
  maxZoom: 16
  }).addTo(map);
  
  var myData = {"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-74.0481651,40.7208714]},"properties":{"endDate":"12/8/14 22:00","startDate":"12/8/14 19:00"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-73.9924459,40.7176705]},"properties":{"endDate":"12/9/14 19:00","startDate":"12/9/14 19:00"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-73.4557279,40.6790963]},"properties":{"endDate":"12/9/14 22:00","startDate":"12/9/14 20:00"}}]}
  
  var mylayer = L.geoJson(myData).addTo(map);
  var sliderControl = L.control.sliderControl({position: "topright", layer: mylayer});
  map.addControl(sliderControl);
  sliderControl.startSlider();
  $('#slider-timestamp').html(options.markers[ui.value].feature.properties.startDate.substr(0, 19));
  // only change I made was use startDate instead of default time as startDate is a column in my //feature set.
  css
  
  div#map {
   height: 600px;
   width: 800px;
   margin-left: auto;
   margin-bottom: auto;
   margin-top: auto;
   margin-right: auto;
   left: 20px;
   border-color: #000000;
   z-index: 0;
  }
  
  body {
   padding: 0px;
   background-color: #fff;
  }
  </code></pre>
  
  <p>I added all the files as suggested in the link, If anyone has experience with this. Kindly let me know what else am I missing. I understand that I have not posed a concrete issue because the errors I got on my console were on source script leading me to believe that my script is not communicating properly with the module.</p>
  
  <p>Thanks!</p>