diff client/src/components/TimeSlider.vue @ 5039:aec0923f9c52 time-sliding

icon shows now date and time
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 28 Feb 2020 10:29:18 +0100
parents 9d26f67dd916
children 066b76ef5e6a
line wrap: on
line diff
--- a/client/src/components/TimeSlider.vue	Thu Feb 27 17:55:31 2020 +0100
+++ b/client/src/components/TimeSlider.vue	Fri Feb 28 10:29:18 2020 +0100
@@ -8,9 +8,10 @@
   >
     <div class="d-flex m-1">
       <input
+        class="form-control form-control-sm"
         type="date"
         v-model="timeSelection"
-        min="2020-01-01"
+        min="2015-01-01"
         max="2020-03-01"
       />
     </div>
@@ -175,10 +176,7 @@
       return d3
         .scaleTime()
         .range([0, document.getElementById("sliderContainer").clientWidth || 0])
-        .domain([
-          d3.isoParse(new Date("2020-01-01")),
-          d3.isoParse(new Date("2020-03-01"))
-        ]);
+        .domain([d3.isoParse(new Date("2015-01-01")), d3.isoParse(new Date())]);
     },
     zoomed() {
       let scale = this.getScale();